:root{--pink:#e83664;--pink-soft:#ff8fab;--ink:#101010;--grey:#727272;--line:#dcdcdc;--paper:#f4f3f0;--glass:rgba(25,25,25,.62);--heading:"Inter",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--paper);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit}button{font:inherit}.site-header{position:fixed;z-index:50;top:22px;left:50%;transform:translateX(-50%);width:min(94%,1440px);height:62px;padding:0 18px 0 24px;display:flex;align-items:center;gap:34px;border:1px solid rgba(255,255,255,.18);border-radius:40px;background:var(--glass);backdrop-filter:blur(18px);color:#fff}.brand img{width:138px}.desktop-nav{display:flex;gap:28px;margin-right:auto}.desktop-nav a{text-decoration:none;font-size:.9rem;color:rgba(255,255,255,.76);transition:color .2s}.desktop-nav a:hover{color:#fff}.header-cta{display:flex;align-items:center;gap:16px;text-decoration:none;padding:11px 17px;border-radius:28px;background:rgba(255,255,255,.12)}.menu-toggle{display:none;border:0;background:transparent}.mobile-menu{position:fixed;inset:0;z-index:80;background:#111;color:#fff;padding:28px;opacity:0;visibility:hidden;transition:.25s}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu nav{display:grid;gap:18px;margin-top:80px}.mobile-menu nav a{font:700 clamp(2.2rem,10vw,4rem)/1 var(--heading);text-decoration:none}.menu-close{float:right;border:1px solid #555;border-radius:30px;padding:10px 16px;background:none;color:#fff}.hero{position:relative;min-height:100svh;color:#fff;display:flex;align-items:flex-end;padding:150px max(5vw,32px) 70px;overflow:hidden;background:#161616}.hero-backdrop,.hero-shade{position:absolute;inset:0}.hero-preview{position:absolute;background-image:var(--preview);background-size:cover;background-position:top center;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:transform .18s linear}.preview-a{inset:0 30% 0 0;opacity:.85}.preview-b{width:36%;height:46%;right:3%;top:8%;transform:rotate(3deg)}.preview-c{width:30%;height:38%;right:8%;bottom:-5%;transform:rotate(-3deg)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.34) 50%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.68),transparent 60%)}.hero-content{position:relative;z-index:2;max-width:920px}.hero-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600}.hero h1{font:700 clamp(3.4rem,8vw,8.4rem)/.88 var(--heading);letter-spacing:-.055em;margin-top:22px}.hero h1 em,.manifesto h2 em,.contact h2 em{font-weight:500}.hero-intro{max-width:580px;margin-top:28px;font-size:clamp(1rem,1.4vw,1.25rem);color:rgba(255,255,255,.76)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:20px;padding:15px 22px;border-radius:30px;text-decoration:none;font-weight:600}.button-light{background:#fff;color:#111}.text-action{color:#fff;text-decoration:none}.text-action span{margin-left:12px}.hero-note{position:absolute;z-index:2;right:max(5vw,32px);bottom:70px;display:grid;text-align:right;font-size:.82rem;color:rgba(255,255,255,.7)}.scroll-cue{position:absolute;z-index:3;right:50%;bottom:28px;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;text-decoration:none}.section-light{padding:130px max(5vw,32px);background:var(--paper)}.section-label{display:flex;gap:16px;align-items:center;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.section-label span{color:var(--pink)}.intro-heading{display:grid;grid-template-columns:1.5fr .6fr;gap:80px;align-items:end;margin:55px 0 90px}.intro-heading h2,.projects h2,.knowledge h2,.about h2{font:700 clamp(3rem,6.5vw,7.5rem)/.95 var(--heading);letter-spacing:-.05em}.intro-heading p,.projects-heading>p,.knowledge-lead>p,.about-copy>p{color:var(--grey);font-size:1.05rem}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-row:hover{padding-left:18px;padding-right:18px;background:#fff}.service-number{color:var(--pink);font-size:.8rem}.service-row h3{font:700 clamp(1.5rem,2.5vw,2.6rem)/1 var(--heading)}.service-row p{color:var(--grey)}.manifesto{position:relative;overflow:hidden;padding:140px max(5vw,32px) 0;background:#111;color:#fff}.manifesto>p{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#aaa}.manifesto h2{position:relative;z-index:2;max-width:1200px;margin-top:28px;font:700 clamp(3rem,7.5vw,8.5rem)/.92 var(--heading);letter-spacing:-.055em}.manifesto h2 em{color:var(--pink-soft)}.manifesto-orb{position:absolute;width:600px;height:600px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(232,54,100,.42),transparent 66%);filter:blur(20px)}.manifesto-stats{position:relative;z-index:2;margin-top:120px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.manifesto-stats div{min-height:180px;padding:36px 20px;border-right:1px solid #333;display:flex;flex-direction:column;justify-content:flex-end}.manifesto-stats div:last-child{border:0}.manifesto-stats strong{font:500 clamp(2.5rem,5vw,5rem)/1 var(--heading)}.manifesto-stats span{margin-top:12px;color:#999}.projects{padding-bottom:150px}.projects-heading{display:grid;grid-template-columns:.5fr 1fr .55fr;gap:40px;align-items:end}.projects-heading h2{font-size:clamp(3.5rem,7vw,8rem)}.project-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:70px max(5vw,32px) 30px;margin-inline:max(-5vw,-32px);scrollbar-width:none}.project-rail::-webkit-scrollbar{display:none}.project-slide{flex:0 0 min(70vw,760px);scroll-snap-align:center;text-decoration:none}.project-image{height:min(62vh,610px);background-image:var(--preview);background-size:cover;background-position:center calc(50% + var(--media-shift,0px));filter:saturate(.85);transition:filter .25s,transform .25s}.project-slide:hover .project-image{filter:saturate(1);transform:scale(.99)}.project-meta{display:grid;grid-template-columns:.45fr 1fr .8fr;gap:20px;padding-top:20px}.project-meta span{font-size:.75rem;text-transform:uppercase;color:var(--pink)}.project-meta h3{font:700 clamp(1.6rem,2.5vw,2.8rem)/1 var(--heading)}.project-meta p{color:var(--grey)}.knowledge{display:grid;grid-template-columns:.82fr 1.18fr;min-height:760px;background:#fff}.knowledge-lead{padding:120px max(5vw,32px);background:linear-gradient(145deg,#f8e9ee,#fff)}.knowledge-lead h2{margin-top:55px;font-size:clamp(3rem,5.6vw,6rem)}.knowledge-lead>p{margin-top:28px;max-width:440px}.button-dark{margin-top:32px;background:#111;color:#fff}.article-list{padding:120px max(5vw,32px);display:flex;flex-direction:column;justify-content:center}.article-row{display:grid;grid-template-columns:150px 1fr 40px;gap:25px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.article-row:first-child{border-top:1px solid var(--line)}.article-row>span{font-size:.75rem;text-transform:uppercase;color:var(--pink)}.article-row h3{font:700 clamp(1.4rem,2.2vw,2.35rem)/1.08 var(--heading)}.article-row a{text-decoration:none;font-size:1.5rem}.about{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}.about-mark{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0 34%,#fff4f7 68%,#ffe3eb 100%);border:1px solid rgba(232,54,100,.12);box-shadow:0 40px 80px rgba(232,54,100,.14)}.about-mark img{display:block;width:45%;height:auto;filter:drop-shadow(0 18px 24px rgba(232,54,100,.2));transform:translateY(6%)}.about-copy h2{margin-top:50px;font-size:clamp(3rem,5.5vw,6.4rem)}.about-copy>p{margin-top:30px;max-width:670px}.principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.principles span{padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:.85rem}.contact{padding:130px max(5vw,32px);background:var(--pink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.contact-copy>p{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.contact h2{font:700 clamp(3.5rem,8vw,9rem)/.9 var(--heading);letter-spacing:-.055em;max-width:1050px;margin-top:25px}.contact-copy>span{display:block;margin-top:28px;color:rgba(255,255,255,.78)}.contact-link{display:flex;align-items:center;gap:28px;padding:18px 24px;border:1px solid rgba(255,255,255,.5);border-radius:40px;text-decoration:none;white-space:nowrap}.site-footer{padding:55px max(5vw,32px);display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start;background:#fff}.site-footer img{width:150px}.site-footer p{color:var(--grey);max-width:420px}.site-footer div{display:flex;gap:22px}.site-footer a{text-decoration:none}.site-footer>span{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--line);color:#999;font-size:.8rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.magnetic{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .2s}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none}.menu-toggle span{width:24px;height:2px;background:#fff}.hero{padding-inline:24px}.preview-a{right:0;opacity:.7}.preview-b,.preview-c{display:none}.hero-note{display:none}.intro-heading,.projects-heading,.knowledge,.about,.contact{grid-template-columns:1fr}.intro-heading{gap:24px}.service-row{grid-template-columns:40px 1fr}.service-row p{grid-column:2/3}.manifesto-stats{grid-template-columns:1fr 1fr}.manifesto-stats div:nth-child(2){border-right:0}.project-slide{flex-basis:86vw}.project-meta{grid-template-columns:1fr}.knowledge-lead,.article-list{padding:80px 24px}.about-mark{max-width:400px}.contact-link{justify-self:start}.site-footer{grid-template-columns:1fr}.site-footer div{flex-wrap:wrap}}
@media(max-width:560px){.site-header{top:12px;height:56px}.brand img{width:120px}.hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-intro{font-size:.98rem}.hero-actions{align-items:flex-start;flex-direction:column}.section-light,.manifesto,.contact{padding:90px 20px}.intro-heading{margin:40px 0 60px}.service-row{padding:24px 0}.manifesto-stats{margin-top:70px}.manifesto-stats div{min-height:130px;padding:22px 10px}.projects-heading{gap:24px}.project-rail{padding-top:45px}.project-image{height:420px}.article-row{grid-template-columns:1fr 28px}.article-row>span{grid-column:1/-1}.contact{gap:35px}.site-footer{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Portfolio labels make the live hero previews read as intentional case studies. */
.hero-preview{overflow:hidden}.hero-preview>span{position:absolute;z-index:1;left:18px;top:18px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(14,14,14,.68);backdrop-filter:blur(12px);font-size:.72rem;font-weight:700;letter-spacing:.01em;color:#fff}.hero-preview>span small{padding-left:10px;border-left:1px solid rgba(255,255,255,.28);font:500 .62rem/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.66)}.preview-a>span{top:106px;left:max(5vw,32px)}
@media(max-width:900px){.preview-a>span{top:92px;left:24px}.hero-preview>span small{display:none}}
.preview-b>span{top:auto;bottom:18px}

/* Refined hero hierarchy: one atmospheric canvas and two controlled case previews. */
.preview-a{inset:-3% 25% -3% -2%;opacity:.38;filter:saturate(.72) contrast(.94);transform:scale(1.025);box-shadow:none}.preview-a>span{display:none}.preview-b,.preview-c{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background-color:#171717;box-shadow:0 32px 80px rgba(0,0,0,.5)}.preview-b{width:30%;height:36%;right:4%;top:15%;transform:rotate(1.5deg)}.preview-c{width:27%;height:32%;right:8%;bottom:5%;transform:rotate(-1.5deg)}.preview-b>span,.preview-c>span{top:auto;bottom:14px;left:14px}.hero-shade{background:linear-gradient(90deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.72) 43%,rgba(8,8,8,.2) 75%),linear-gradient(0deg,rgba(8,8,8,.82) 0%,transparent 62%),radial-gradient(circle at 82% 45%,rgba(232,54,100,.13),transparent 35%)}

/* Brand mark echoes the dark gradient language from the manifesto section. */
.about-mark{max-width:520px;background:radial-gradient(circle at 72% 24%,rgba(232,54,100,.38),transparent 48%),linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 72%);border-color:rgba(255,255,255,.08);box-shadow:0 40px 90px rgba(16,16,16,.2)}.about-mark img{width:29%;filter:brightness(0) invert(1) drop-shadow(0 16px 26px rgba(0,0,0,.22));transform:none}

@media(max-width:900px){.preview-a{inset:0;opacity:.44;filter:saturate(.7) contrast(.9);transform:none}.preview-b,.preview-c{display:none}.about-mark{width:min(78vw,360px);justify-self:center}.about-mark img{width:27%}}

/* Corporate hero with a continuously moving portfolio rail. */
.hero-photo{position:absolute;inset:0;background:url('hero-corporate.png') center/cover no-repeat;transform:scale(1.015)}.hero-media-loop{position:absolute;z-index:2;top:13%;right:max(3vw,28px);width:min(28vw,390px);height:70%;overflow:hidden;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}.media-loop-track{display:grid;gap:14px;animation:media-loop 25s linear infinite;will-change:transform}.media-loop-card{position:relative;height:205px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#151515;box-shadow:0 20px 55px rgba(0,0,0,.34)}.media-loop-card>div{position:absolute;inset:0;background-image:var(--preview);background-size:cover;background-position:top center;filter:saturate(.76)}.media-loop-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,8,8,.9))}.media-loop-card p{position:absolute;z-index:2;left:17px;right:17px;bottom:14px;display:flex;justify-content:space-between;align-items:end;color:#fff}.media-loop-card strong{font:700 .92rem/1 var(--heading)}.media-loop-card span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.58)}@keyframes media-loop{to{transform:translateY(calc(-50% - 7px))}}.hero-shade{background:linear-gradient(90deg,rgba(7,7,7,.91) 0%,rgba(7,7,7,.74) 43%,rgba(7,7,7,.26) 72%,rgba(7,7,7,.5) 100%),linear-gradient(0deg,rgba(7,7,7,.8),transparent 58%)}.hero-content{max-width:min(70vw,920px)}.hero-note{right:calc(max(3vw,28px) + min(28vw,390px) + 24px)}

/* The logo mark stands on its own in its original brand color. */
.about-mark{min-height:440px;aspect-ratio:auto;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}.about-mark img{width:31%;filter:none;transform:none}.about-mark::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(232,54,100,.09),transparent 68%);filter:blur(12px);z-index:-1}

@media(max-width:900px){.hero-media-loop{display:none}.hero-photo{background-position:62% center}.hero-content{max-width:100%}.hero-note{right:24px}.about-mark{min-height:260px;width:100%;max-width:none}.about-mark img{width:min(24%,110px)}}
@media(prefers-reduced-motion:reduce){.media-loop-track{animation:none}}
.about-mark{position:relative}
@media(min-width:901px){.hero-media-loop{width:min(25vw,350px);right:max(2.5vw,24px)}.hero-note{right:calc(max(2.5vw,24px) + min(25vw,350px) + 20px)}}

/* Inter creates a quieter, more corporate typography system. */
.hero h1 em,.manifesto h2 em,.contact h2 em{font-style:normal;font-weight:560}.hero h1 em{letter-spacing:-.045em}

/* Visible progress below the horizontally scrolling portfolio. */
.project-scroll-indicator{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:22px}.project-scroll-track{position:relative;height:3px;overflow:hidden;border-radius:999px;background:#d7d5d1}.project-scroll-track span{display:block;width:24%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--pink-soft));transform:translateX(var(--project-progress,0%));transition:transform .12s linear;box-shadow:0 0 16px rgba(232,54,100,.32)}.project-scroll-indicator p{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--grey)}.project-scroll-indicator b{font-size:1rem;color:var(--pink)}
@media(max-width:560px){.project-scroll-indicator{grid-template-columns:1fr;margin-top:14px}.project-scroll-indicator p{font-size:.65rem}}

/* Three-up portfolio: preserve the website header and make more work visible at once. */
.project-rail{gap:22px;padding-top:62px;scroll-padding-inline:max(5vw,32px);cursor:grab}.project-rail:active{cursor:grabbing}.project-slide{flex:0 0 clamp(290px,29vw,420px);scroll-snap-align:start}.project-image{height:auto;aspect-ratio:16/10;background-size:cover;background-position:top center!important;border:1px solid #deddd9;border-radius:14px;box-shadow:0 18px 45px rgba(17,17,17,.08);filter:saturate(.9);transform-origin:center}.project-meta{grid-template-columns:1fr;gap:8px;padding:18px 2px 0}.project-meta h3{font-size:clamp(1.45rem,2vw,2.15rem)}.project-meta p{max-width:36ch;font-size:.92rem;line-height:1.55}.project-meta span{order:-1}.project-slide:hover .project-image{transform:translateY(-4px);box-shadow:0 24px 55px rgba(17,17,17,.12)}

@media(max-width:900px){.project-slide{flex-basis:min(78vw,380px)}.project-image{aspect-ratio:16/10}}

/* Project controls and active navigation. */
.project-scroll-actions{display:flex;align-items:center;gap:8px}.project-scroll-actions p{margin-right:8px;white-space:nowrap;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--grey)}.project-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d4d2ce;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.project-arrow:hover:not(:disabled){border-color:var(--pink);background:var(--pink);color:#fff;transform:translateY(-2px)}.project-arrow:disabled{opacity:.3;cursor:default}.project-rail:focus-visible{outline:2px solid var(--pink);outline-offset:8px}.desktop-nav a,.header-cta{position:relative}.desktop-nav a.is-active{color:#fff}.desktop-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:var(--pink)}.header-cta.is-active{background:var(--pink)}
@media(max-width:560px){.project-scroll-actions{justify-content:space-between}.project-scroll-actions p{margin-right:auto}.project-arrow{width:36px;height:36px}}
.project-rail{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){.project-rail{scroll-behavior:auto}}

/* Simplified hero after removing the portfolio ticker. */
.hero-content{max-width:min(78vw,1040px)}.hero-note{right:max(5vw,32px)}.hero h1{font-weight:700;letter-spacing:-.06em}.hero h1 em{font-weight:500;letter-spacing:-.055em}.intro-heading h2,.projects h2,.knowledge h2,.about h2,.manifesto h2,.contact h2{letter-spacing:-.055em}.knowledge[hidden]{display:none!important}
@media(max-width:900px){.hero-content{max-width:100%}}

/* Premium motion and content polish. */
@keyframes hero-photo-in{from{opacity:.55;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}@keyframes marquee-move{to{transform:translateX(-50%)}}.hero-photo{animation:hero-photo-in 1.8s cubic-bezier(.2,.75,.2,1) both}.hero-shade{animation:fade-in 1.2s ease both}@keyframes fade-in{from{opacity:.35}to{opacity:1}}
.portfolio-marquee{overflow:hidden;padding:18px 0;background:#111;color:#fff;border-top:1px solid rgba(255,255,255,.12)}.portfolio-marquee>div{display:flex;width:max-content;align-items:center;gap:34px;animation:marquee-move 28s linear infinite}.portfolio-marquee span{font:600 .76rem/1 var(--heading);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}.portfolio-marquee i{font-style:normal;color:var(--pink);font-size:.7rem}
.brand{position:relative;display:block;width:138px;height:25px}.brand img{position:absolute;inset:0;width:138px;transition:opacity .25s}.brand .logo-dark{opacity:0}.site-header{transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.site-header.on-light{background:rgba(250,249,247,.82);border-color:rgba(17,17,17,.1);color:var(--ink);box-shadow:0 10px 36px rgba(17,17,17,.07)}.site-header.on-light .logo-light{opacity:0}.site-header.on-light .logo-dark{opacity:1}.site-header.on-light .desktop-nav a{color:rgba(17,17,17,.62)}.site-header.on-light .desktop-nav a:hover,.site-header.on-light .desktop-nav a.is-active{color:var(--ink)}.site-header.on-light .header-cta{background:rgba(17,17,17,.07)}.site-header.on-light .header-cta.is-active{background:var(--pink);color:#fff}.site-header.on-light .menu-toggle span{background:var(--ink)}
.project-image{position:relative;overflow:hidden;padding:0;background-image:none!important;border:0;border-radius:14px;box-shadow:none;filter:none;color:#111}.project-image::before,.project-image::after{display:none}.project-logo{position:absolute;inset:0;display:grid;place-items:center;padding:16%;background:transparent}.project-logo::before{display:none}.project-logo img{display:block;width:min(78%,300px);height:auto;max-height:112px;object-fit:contain;transition:transform .45s cubic-bezier(.2,.75,.2,1)}.project-index,.project-visit{position:absolute;z-index:2;top:22px;font:600 .68rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase}.project-index{left:22px}.project-visit{right:22px;opacity:.62}.project-build{background:#2e3b55;color:#fff}.project-build .project-logo img{filter:invert(1)}.project-fitness{background:#d8f35a}.project-skincare{background:#e9c4b8}.project-offers{background:#e7eef8;color:#16213a}.project-gifts{background:#ed3e69;color:#fff}.project-gifts .project-logo img{filter:invert(1)}.project-slide:hover .project-image{filter:none;transform:translateY(-4px);box-shadow:0 24px 50px rgba(17,17,17,.11)}.project-slide:hover .project-logo img{transform:scale(1.035)}
.manifesto-orb{transform:translate3d(var(--orb-x,0),var(--orb-y,0),0);transition:transform .35s ease-out}.founder-note{margin-top:34px!important;padding-left:48px;position:relative;font:600 1rem/1.5 var(--heading);color:var(--ink)!important}.founder-note::before{content:"";position:absolute;left:0;top:.72em;width:32px;height:2px;background:var(--pink)}
@media(max-width:900px){.portfolio-marquee{padding:15px 0}.portfolio-marquee>div{gap:24px}.brand{width:120px}.brand img{width:120px}.project-image{padding:0}.project-index,.project-visit{top:18px}.project-index{left:18px}.project-visit{right:18px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-shade,.portfolio-marquee>div{animation:none}.manifesto-orb{transform:none}.project-slide:hover .project-image{background-position:center 28px!important}}