/* A light, spacious portfolio with Manifest's orange pixel signature. */
:root{--bg:#fafafa;--ink:#252525;--muted:#686868;--accent:#f66a17;--line:#dedede}
html{scroll-padding-top:110px}body{max-width:none;background:var(--bg);color:var(--ink)}
header{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);height:66px;min-height:0;margin:0;padding:10px 12px 10px 22px;background:#272727f5;color:#fff;border:1px solid #454545;border-radius:8px;gap:36px;box-shadow:0 8px 32px #0000000c;backdrop-filter:blur(16px);flex-wrap:nowrap}
.logo{width:143px;flex-shrink:0}nav{gap:4px;flex-wrap:nowrap}nav a{font-size:14px;padding:12px 15px;border-radius:5px;white-space:nowrap;font-weight:500}nav a:hover{background:#ffffff12;color:#fff}nav a:after{display:none}.nav-contact{margin-left:16px;background:var(--accent);color:#fff}.nav-contact:hover{background:#e45b0c}.nav-contact span{margin-left:12px}
.hero{padding:155px 0 78px;text-align:center;position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(48deg,transparent 49.93%,#e8e8e8 50%,transparent 50.07%),linear-gradient(-48deg,transparent 49.93%,#e8e8e8 50%,transparent 50.07%),linear-gradient(90deg,transparent 49.94%,#e8e8e8 50%,transparent 50.06%);opacity:.6;pointer-events:none}
.eyebrow{justify-content:center;color:#666;font-size:12px;letter-spacing:.13em;padding:0 24px}.hero h1{font-size:clamp(48px,6.4vw,100px);text-transform:none;font-weight:500;line-height:1.08;letter-spacing:-.065em;margin:28px auto 25px;padding:0 20px;max-width:1250px}.hero-line{width:auto;display:block}.hero h1 .text-accent{font-weight:500}.hero-bottom{display:flex;flex-direction:column;gap:25px;padding:0 24px}.hero-bottom p{font-size:18px;color:var(--muted);line-height:1.6}.hero-work-link{font-size:14px;font-weight:600;display:inline-flex;gap:35px;align-items:center;padding-bottom:8px;border-bottom:1px solid #bdbdbd}.hero-work-link:hover{color:#c54500}
.hero-gallery{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:end;gap:20px;width:calc(100% + 100px);margin:66px -50px 0;text-align:left}.hero-card{display:block;position:relative;overflow:hidden;border-radius:7px;background:#efefef;transition:transform .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 12px 32px #0000000b}.hero-card:hover{transform:translateY(-10px)}.hero-card-main{margin-bottom:32px}.hero-card-main>img{display:block;width:100%;aspect-ratio:1.37;object-fit:cover}.hero-card-brand .art-crop{height:clamp(220px,26vw,410px);aspect-ratio:auto!important}.hero-card-brand .art-crop img{width:100%;object-fit:cover;object-position:center}.card-caption{padding:20px 24px;display:flex;flex-direction:column;gap:7px;background:#fff}.card-caption>span:first-child{font-size:20px;letter-spacing:-.03em}.card-caption>span:last-child{font-size:12px;color:#686868;letter-spacing:.03em}.hero-card:first-child .card-caption{padding-left:70px}
.vision{padding:60px 6% 75px;max-width:1600px;margin:auto}.image-wrap{border-radius:8px;aspect-ratio:1.9;background:#202020}.image-tag,.branding-slide .image-tag{font-size:clamp(28px,3.4vw,54px);color:#fff}.slideshow .featured-art{right:8%}.image-tag .project-type{font-size:16px}.slide-controls button{border-radius:50%;width:48px;height:48px}.caption{font-size:14px}.slide-count{color:#555}.slideshow-bar{margin-top:14px}.slide-toggle{color:#555;min-height:44px}.slide-dots button[aria-pressed=true]:after{background:#cd4800}
.type-ribbon{border-bottom:1px solid var(--line);padding:30px 0;color:#333;background:#f4f4f4}.type-ribbon>div{font-size:clamp(36px,5vw,80px)}.type-ribbon b{font-size:.65em;vertical-align:.08em}
.real-projects{padding:110px 6%;max-width:1600px;margin:auto}.section-label{font-size:12px;color:#777;letter-spacing:.12em;font-weight:500}.section-label:before{width:6px;height:6px;background:var(--accent)}.real-projects>h2{font-size:clamp(44px,5.5vw,82px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:30px 0 70px}.real-projects>h2 br{display:none}.project-story{padding-top:28px;margin-top:75px;scroll-margin-top:110px}.project-title{margin-bottom:28px}.project-title h3{font-size:clamp(28px,3vw,44px);font-weight:500}.project-title p{color:#b23c00}.project-title p span{color:#686868}.work-photo{border-radius:7px}.icw-cover{max-height:780px;object-fit:cover}.event-pair{gap:22px}.event-pair>.work-photo{max-height:580px;object-fit:cover}.event-pair video{border-radius:7px;max-height:580px}.branding-grid{gap:20px}.branding-grid .art-crop{border-radius:7px}.season-film{background:#f0f0f0;border-radius:8px;padding:50px;margin-top:30px}.season-film video{max-height:600px;border-radius:5px}.season-film h4{font-size:clamp(38px,4.6vw,70px);margin:24px 0}.work-credit{font-size:13px}
.brands{background:#f0f0f0;padding:75px 6%;grid-template-columns:1fr 2.4fr}.brands .portfolio-content h2{font-size:clamp(35px,4.2vw,64px);line-height:1.14}.brand-names{gap:30px;margin-top:40px;font-size:20px}.brand-names li{border:0;padding:0;color:#444}.approach{padding:110px 6%;grid-template-columns:1fr 2.4fr;border:0;gap:50px}.approach h2{font-size:clamp(36px,4.5vw,68px);line-height:1.14;letter-spacing:-.05em}.studio-copy{max-width:950px;margin-top:35px;gap:40px;font-size:17px;line-height:1.8;color:#686868}
.practice{padding:100px 6%;background:#efefef;color:var(--ink);gap:80px}.practice .section-label{color:#777}.practice-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.12}.services details,.services details:last-child{border-color:#cecece}.services summary{padding:28px 0;min-height:88px}.services summary h3{font-size:clamp(24px,2.6vw,38px)}.services details[open] h3{color:var(--ink)}.services .number{color:#777;font-size:13px}.services details p{color:#666;font-size:16px}.services .plus{color:#555}
.statement{padding:105px 6%;background:#262626;color:#fafafa;text-align:center;border:0}.statement h2{font-size:clamp(48px,7vw,106px);line-height:1.1;font-weight:500;letter-spacing:-.06em}.statement-line:nth-child(n){padding-left:0}.statement>p{color:#aaa}.statement .statement-note{margin:30px auto 0;max-width:500px;color:#bbb;font-size:16px}.statement .text-accent{color:#ff873c}
.contact{padding:110px 6%;gap:50px}.contact h2{font-size:clamp(64px,8.5vw,125px);font-weight:500}.contact-right{max-width:460px}.contact-right p{font-size:23px}.contact-right a{font-size:16px;line-height:1.5;border-color:#d0d0d0;padding-bottom:18px}.contact-note{color:#777;font-size:14px;line-height:1.6}footer{padding:55px 0 25px;margin:0 6%;display:block}.footer-wordmark img{width:100%;height:auto;display:block;max-height:220px}.footer-wordmark>span{display:block;text-align:center;font-size:16px;margin:25px 0 55px;color:#666}.footer-bottom{display:flex;justify-content:space-between;font-size:14px;color:#666}
.scroll-pixel-mark{margin-top:18px;opacity:.6}.scroll-pixel-progress{right:7px}.intro-pending #site-intro{background:#000}.intro-center .brand-descriptor{color:#f2f2ed}.intro-center .pixel-reveal rect{animation-duration:900ms;animation-delay:calc(var(--delay) * .32)}.intro-loading{position:absolute;bottom:44px;left:0;right:0;text-align:center;color:#aaa;font-size:14px;letter-spacing:.08em}.text-accent,.approach h2 .text-accent{color:#d64d00}.hero .text-accent{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b74000;outline-offset:5px}
@media(min-width:1800px){.hero-gallery{width:1600px;margin-left:auto;margin-right:auto}.hero-card:first-child .card-caption{padding-left:24px}}
@media(max-width:900px){header{gap:15px}.logo{width:125px}nav a{padding:12px 10px}.nav-contact{margin-left:6px}.hero-gallery{gap:14px}.card-caption{padding:16px}.card-caption>span:first-child{font-size:17px}.hero h1{font-size:7.6vw}.practice{gap:35px}.studio-copy{grid-template-columns:1fr;gap:20px}.brands,.approach{grid-template-columns:1fr 2fr;gap:30px}}
@media(max-width:600px){html{scroll-padding-top:95px}header{top:12px;max-width:calc(100% - 24px);width:calc(100% - 24px);padding:10px 12px;height:60px;gap:10px;justify-content:space-between}.logo{width:108px}nav{gap:0}nav a{font-size:14px;padding:10px}nav a[href='#approach'],nav a[href='#practice']{display:none}.nav-contact{margin-left:2px}.nav-contact span{display:none}.hero{padding:120px 0 40px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.07em}.eyebrow span:last-child{max-width:none;text-align:center}.hero h1{font-size:clamp(38px,8.7vw,54px);line-height:1.12;margin:23px auto;letter-spacing:-.06em;padding:0 12px}.hero-bottom p{font-size:16px}.hero-bottom{gap:20px}.hero-gallery{width:100%;margin:38px 0 0;display:flex;overflow-x:auto;padding:12px 6% 20px;scroll-snap-type:x mandatory;align-items:stretch;gap:14px}.hero-card{flex:0 0 84%;scroll-snap-align:center}.hero-card-main{order:-1;margin-bottom:0}.hero-card-main>img{height:290px;aspect-ratio:auto}.hero-card-brand .art-crop{height:290px}.hero-card-brand .art-crop img{object-fit:fill}.hero-card:first-child .card-caption{padding-left:20px}.card-caption{padding:18px 20px}.card-caption>span:first-child{font-size:20px}.hero-card:hover{transform:none}.vision{padding:30px 6% 45px}.image-wrap{aspect-ratio:1.05}.image-tag,.slideshow .image-tag,.branding-slide .image-tag{font-size:30px;left:6%;bottom:76px;max-width:87%}.slideshow .featured-art{right:0}.image-tag .project-type{font-size:14px}.caption{font-size:12px;line-height:1.5}.slide-toggle{font-size:14px}.slide-count{font-size:12px}.slideshow-bar,.caption{margin-left:0;margin-right:0}.slide-controls button{width:44px;height:44px}.type-ribbon{padding:22px 0}.real-projects{padding:60px 6%}.real-projects>h2{font-size:42px;margin:25px 0 42px}.real-projects>h2 br{display:block}.project-story{margin-top:48px}.project-title{display:block}.project-title p{margin-top:12px;font-size:14px}.branding-grid{grid-template-columns:1fr}.event-pair{grid-template-columns:1fr}.season-film{padding:28px;grid-template-columns:1fr;gap:25px}.brands,.approach{padding:65px 6%;grid-template-columns:1fr;gap:25px}.brand-names{font-size:18px;gap:20px;flex-direction:column}.approach h2{font-size:38px}.studio-copy{font-size:16px}.practice{padding:65px 6%;grid-template-columns:1fr;gap:35px}.practice-heading h2{margin-top:25px}.services summary h3{font-size:25px}.statement{padding:70px 6%}.statement h2{font-size:clamp(40px,10vw,60px)}.statement .statement-note{font-size:16px;max-width:300px}.contact{padding:65px 6%;flex-direction:column;gap:40px}.contact h2{font-size:76px}.contact-right{align-self:stretch;max-width:none}.contact-right a{font-size:15px;gap:10px}footer{padding:35px 0 25px}.footer-wordmark>span{font-size:14px;margin:20px 0 40px}.footer-bottom{gap:20px;font-size:12px}.scroll-pixel-progress{display:none}}
@media(prefers-reduced-motion:reduce){.hero-card{transition:none}.hero-card:hover{transform:none}}