:root{--ink:#171713;--paper:#f2efe7;--acid:#dfff59;--orange:#ff5d27;--line:rgba(23,23,19,.18);--serif:"Instrument Serif",serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(223,255,89,.18),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;transition:opacity .3s}.site-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font:34px var(--serif);color:inherit;text-decoration:none}.wordmark span{color:var(--orange)}nav{display:flex;gap:32px}nav a,.mini-cta{font-size:12px;color:inherit;text-decoration:none}.mini-cta{justify-self:end;border-bottom:1px solid;padding-bottom:4px}.mini-cta span{margin-left:10px}.hero{min-height:calc(100vh - 88px);padding:10vh 4vw 5vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.hero-title{font:clamp(74px,12.5vw,190px)/.79 var(--serif);letter-spacing:-.055em;margin:2vh 0 7vh;position:relative;z-index:2}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;transform:translateY(105%);animation:titleIn 1.1s cubic-bezier(.16,1,.3,1) forwards}.hero-title .line:nth-child(2) span{animation-delay:.12s;margin-left:16vw}.hero-title em{font-weight:400;color:var(--orange)}@keyframes titleIn{to{transform:none}}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:920px;margin-left:auto;width:67%}.hero-bottom p{max-width:440px;font-size:16px;line-height:1.55;margin:0}.round-link{width:118px;height:118px;background:var(--ink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s}.round-link b{font-size:20px}.hero-orbit{position:absolute;border:1px solid var(--line);border-radius:999px;padding:10px 17px;font-size:10px;background:rgba(242,239,231,.6);backdrop-filter:blur(8px);animation:float 5s ease-in-out infinite}.orbit-a{right:12%;top:18%}.orbit-b{left:5%;top:54%;animation-delay:-1.5s}.orbit-c{right:27%;bottom:14%;animation-delay:-3s}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}.marquee{background:var(--ink);color:white;overflow:hidden;padding:22px 0}.marquee-track{display:flex;gap:35px;white-space:nowrap;width:max-content;animation:marquee 24s linear infinite;font:27px var(--serif)}.marquee-track i{color:var(--acid);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.work{padding:130px 4vw}.section-head{display:grid;grid-template-columns:2fr 1fr;gap:10vw;align-items:end;margin-bottom:80px}.section-head h2{font:clamp(58px,8vw,112px)/.85 var(--serif);letter-spacing:-.04em;margin:28px 0 0}.section-head h2 em{font-weight:400;color:var(--orange)}.section-head>p{line-height:1.6;font-size:14px;max-width:320px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:90px 24px}.project{min-width:0}.project-featured,.project-wide{grid-column:span 2}.project-visual{height:72vh;min-height:550px;position:relative;overflow:hidden;border-radius:2px;isolation:isolate;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project:not(.project-featured):not(.project-wide) .project-visual{height:75vh}.project:hover .project-visual{transform:scale(.985)}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.42));z-index:-1}.visual-copy{position:absolute;left:6%;bottom:8%;color:white;z-index:3}.visual-copy small{display:block;letter-spacing:.15em;font-size:9px;margin-bottom:15px}.visual-copy strong{font:clamp(34px,4vw,70px)/.9 var(--serif);font-weight:400}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.project-meta h3{font:28px var(--serif);margin:0}.project-meta p,.project-meta span{font-size:11px;margin:0}.keat{background:linear-gradient(120deg,#c14419,#ef7b37 48%,#6b2f19)}.keat .brand{position:absolute;top:8%;left:6%;font:70px var(--serif);color:white}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-1{width:37vw;height:37vw;background:radial-gradient(circle at 35% 30%,#ffdbad,#9d2b0d 65%);right:-3%;top:-8%}.orb-2{width:16vw;height:16vw;background:#f0c07a;right:29%;top:30%;mix-blend-mode:screen}.sabi{background:linear-gradient(150deg,#472f1e,#d5a06e 55%,#f4dab1)}.sabi-bottle{position:absolute;right:15%;top:12%;width:25%;height:62%;border-radius:60px 60px 25px 25px;background:linear-gradient(90deg,#f2b20b,#ffe478,#d28b00);display:grid;place-items:center;transform:rotate(8deg);font:clamp(30px,5vw,70px) var(--serif);color:white;box-shadow:0 30px 70px #3b1a0c55}.makawi{background:linear-gradient(150deg,#bd111f,#f21d6c 55%,#2254c3)}.makawi-pack{position:absolute;right:13%;top:12%;width:26%;height:58%;background:linear-gradient(135deg,#ff4525,#ffcc00);transform:rotate(9deg);box-shadow:0 30px 60px #47001966;padding:15% 2% 2%;text-align:center;font-weight:900;font-size:clamp(20px,3vw,45px);color:#fff300;text-shadow:3px 3px #e52716}.makawi-pack small{font-size:.45em;color:white}.hello{background:linear-gradient(100deg,#d4b7b0,#897692 55%,#b9a8d2)}.fashion-figure{position:absolute;inset:7% 33% 0;background:linear-gradient(170deg,transparent 12%,#f4b5be 13% 55%,#8c5271 56%);clip-path:polygon(40% 0,64% 2%,70% 25%,100% 100%,0 100%,31% 26%)}.toker{background:#32172e}.toker:before{content:"";position:absolute;width:40vw;height:40vw;border-radius:50%;background:#7d318a;filter:blur(70px);top:-25%;left:20%}.toker-card{position:absolute;width:23%;height:48%;border:5px solid white;border-radius:18px;background:linear-gradient(140deg,#ff9bc3,#19161c 40%);right:25%;top:20%;transform:rotate(13deg);box-shadow:0 20px 30px #0008}.card-two{right:7%;top:28%;transform:rotate(-8deg);background:linear-gradient(140deg,#51e6df,#222 40%)}.rogue{background:#e7d0a7}.rogue .case{position:absolute;width:26%;height:58%;background:linear-gradient(100deg,#101010,#555,#0d0d0d);right:15%;top:15%;border-radius:6px;transform:rotate(5deg);box-shadow:0 30px 50px #5c371b55}.rogue .visual-copy{color:var(--ink)}.rogue .visual-copy strong{text-transform:uppercase}.empire{background:linear-gradient(#008dec 0 58%,#ffe59d 58% 62%,#efd69a 62%)}.empire .sun{position:absolute;width:28vw;height:28vw;background:#ffb61d;border-radius:50%;right:8%;top:12%}.glass-piece{position:absolute;right:24%;top:19%;width:17%;height:47%;border-radius:40% 45% 30% 30%;background:linear-gradient(90deg,#ff8a00aa,#ffd26aaa,#ec3d00aa);border:8px solid #fff5;transform:rotate(12deg)}.story{background:linear-gradient(140deg,#db2700,#ff5a00)}.makawi-pack.green{background:linear-gradient(140deg,#52db27,#0baf3c);color:#fff000}.summer{background:linear-gradient(#142626 0 22%,#27a7be 22% 60%,#f5d48e 60%)}.summer-sun{position:absolute;width:30vw;height:30vw;border-radius:50%;background:#ff8f36;right:10%;top:20%;box-shadow:0 0 0 35px #ffdb7555}.earth{background:#e9ddc9}.earth .mountains{position:absolute;inset:35% 0 0;background:linear-gradient(155deg,transparent 28%,#d9bca3 29% 50%,transparent 51%),linear-gradient(205deg,transparent 25%,#a75a3e 26% 56%,#d1926e 57%)}.earth .case{z-index:2}.about{background:var(--ink);color:white;padding:130px 4vw;display:grid;grid-template-columns:1fr 2.4fr;gap:8vw}.about-sticky{display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.portrait{width:170px;height:210px;background:var(--acid);color:var(--ink);display:grid;place-items:center;border-radius:50% 50% 8px 8px;font:80px var(--serif)}.about-copy>p{font:clamp(48px,6vw,92px)/1.02 var(--serif);margin:0}.about-copy>p em{color:var(--acid);font-weight:400}.about-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;margin-top:100px;border-top:1px solid #ffffff40;padding-top:30px}.about-detail>p{font-size:14px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats div{display:flex;flex-direction:column}.stats b{font:52px var(--serif);font-weight:400}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.process{padding:130px 4vw}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:32px 28px 60px;border-right:1px solid var(--line);min-height:260px}.steps article:last-child{border:0}.steps span{font:34px var(--serif);color:var(--orange)}.steps h3{font:35px var(--serif);font-weight:400;margin:65px 0 12px}.steps p{font-size:12px;line-height:1.6}.contact{background:var(--acid);padding:100px 4vw 30px}.contact-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:50px}.contact-link{display:block;color:var(--ink);text-decoration:none;font:clamp(54px,9vw,140px)/.9 var(--serif);letter-spacing:-.045em;border-bottom:1px solid var(--ink);padding-bottom:50px}.contact-link span{display:block}.contact-link span:last-child{text-align:right}.contact-link em{font-weight:400;color:var(--orange)}.contact-foot{display:flex;justify-content:space-between;padding-top:28px;font-size:10px}.contact-foot a{color:inherit}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:70px}.site-header nav{display:none}.hero{min-height:780px;padding-top:70px}.hero-title{font-size:22vw;line-height:.84}.hero-title .line:nth-child(2) span{margin-left:0}.hero-bottom{width:100%;align-items:center}.hero-bottom p{max-width:55%;font-size:13px}.round-link{width:100px;height:100px}.hero-orbit{display:none}.work,.about,.process{padding:90px 20px}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.section-head h2{font-size:20vw}.projects{grid-template-columns:1fr;gap:60px}.project-featured,.project-wide{grid-column:auto}.project-visual,.project:not(.project-featured):not(.project-wide) .project-visual{height:66vh;min-height:500px}.project-meta{grid-template-columns:1fr auto}.project-meta p{display:none}.project-meta h3{font-size:24px}.visual-copy strong{font-size:12vw}.about{grid-template-columns:1fr}.about-sticky{min-height:0;flex-direction:row;align-items:start}.portrait{width:90px;height:110px;font-size:42px}.about-copy>p{font-size:14vw}.about-detail{grid-template-columns:1fr;margin-top:60px}.stats b{font-size:38px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article{min-height:230px;padding:25px 18px}.contact{padding:80px 20px 25px}.contact-link{font-size:15vw}.contact-foot{gap:20px;flex-wrap:wrap}.cursor-glow{display:none}}
.email-preview{display:flex;justify-content:center;align-items:flex-start;padding-top:34px;background:#dedbd2}.email-preview:after{content:"Hover to scroll";inset:auto 22px 20px auto;width:auto;height:auto;background:rgba(23,23,19,.86);color:#fff;border-radius:999px;padding:9px 13px;z-index:4;font-size:9px;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.email-preview img{display:block;width:min(78%,720px);height:auto;box-shadow:0 24px 70px rgba(0,0,0,.25);transition:transform 9s cubic-bezier(.3,.05,.1,1);will-change:transform}.project-featured .email-preview img,.project-wide .email-preview img{width:min(47%,650px)}.email-preview:hover img{transform:translateY(calc(-100% + 72vh - 34px))}.tone-keat{background:#e8c4ac}.tone-sabi{background:#d8bc96}.tone-makawi{background:linear-gradient(135deg,#bb101e,#f1216f 58%,#2159be)}.tone-fashion{background:#cbb9bd}.tone-toker{background:#35182f}.tone-rogue{background:#dec8a4}.tone-empire{background:linear-gradient(#0796e7,#a5ddfb 66%,#f1d395)}
@media(max-width:800px){.email-preview img,.project-featured .email-preview img,.project-wide .email-preview img{width:86%}.email-preview:hover img{transform:none}.email-preview:after{content:"Full email preview";right:14px;bottom:14px}}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex:0 0 auto}.mini-cta{display:flex;align-items:center;gap:9px}.round-link .icon{width:19px;height:19px}.marquee-track i{position:relative;width:10px;height:10px;align-self:center;flex:0 0 auto}.marquee-track i:before{content:"";position:absolute;inset:2px;background:var(--acid);transform:rotate(45deg)}.contact-icon{width:.55em;height:.55em;stroke-width:1}.contact-foot a{display:inline-flex;align-items:center;gap:5px}.contact-foot .icon{width:13px;height:13px}
@keyframes emailMobileScroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(var(--email-travel,0))}}
@media(max-width:800px){body{width:100%;overflow-x:hidden}.site-header{padding:0 20px}.wordmark{font-size:29px}.mini-cta{font-size:11px;white-space:nowrap}.mini-cta .icon{width:14px;height:14px}.hero{min-height:calc(100svh - 70px);padding:64px 20px 34px}.hero-kicker{max-width:220px;line-height:1.5}.hero-title{font-size:21vw;margin:40px 0}.hero-bottom{gap:24px}.hero-bottom p{max-width:58%;font-size:12px;line-height:1.55}.round-link{width:94px;height:94px;flex:0 0 94px;font-size:9px}.marquee{padding:17px 0}.marquee-track{font-size:22px;gap:25px}.work{padding-top:82px}.section-head>p{font-size:13px}.projects{gap:56px}.project-visual,.project:not(.project-featured):not(.project-wide) .project-visual{height:68svh;min-height:460px;max-height:650px}.email-preview{padding-top:24px}.email-preview img,.project-featured .email-preview img,.project-wide .email-preview img{width:88%;box-shadow:0 16px 45px rgba(0,0,0,.24)}.email-preview:after{content:"Auto preview";right:12px;bottom:12px;padding:8px 11px;background:rgba(23,23,19,.78)}.email-preview.auto-scrolling:after{content:"Auto-scrolling"}.email-preview.auto-scrolling img{animation:emailMobileScroll var(--email-duration,20s) linear infinite alternate}.project-meta{padding:15px 0}.project-meta h3{font-size:25px}.project-meta span{font-size:10px}.about{padding-top:82px;padding-bottom:82px}.about-copy>p{font-size:13.5vw;line-height:1.02}.about-detail{gap:36px}.stats{gap:12px}.stats b{font-size:34px}.stats span{font-size:8px;line-height:1.4}.process{padding-top:82px;padding-bottom:82px}.steps article{min-height:210px}.steps h3{font-size:29px;margin-top:48px}.contact-link span:last-child{text-align:left}.contact-icon{width:.52em;height:.52em}.contact-foot{display:grid;grid-template-columns:1fr auto}.contact-foot span:nth-child(2){grid-column:1/-1;grid-row:2}.contact-foot a{grid-column:2;grid-row:1}}
@media(max-width:390px){.mini-cta{font-size:10px}.hero-title{font-size:20.5vw}.hero-bottom p{max-width:54%}.round-link{width:88px;height:88px;flex-basis:88px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:180px}.steps article:last-child{border-bottom:0}.contact-link{font-size:14vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-title .line span,.reveal{transform:none;opacity:1}.email-preview:hover img{transform:none}}