@font-face{font-family:SpaceSignature;src:url('/assets/space-grotesk-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.home{--paper:#f4f2ed;position:relative;isolation:isolate;background:#0c0c0c}
.home:before{content:'';position:absolute;inset:0 0 auto;height:var(--light-end,1050px);background:var(--paper);z-index:-1;pointer-events:none}
.home header,.home .signature-hero,.home .work-heading{color:#141414}
.home header .wordmark{font-family:SpaceSignature,Arial,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.065em}
.home header nav>a:not(:last-child):hover{color:#60605c}
.home header nav>a:not(:last-child):after{background:#60605c}
.home header .motion-toggle{color:#222;border-color:#b8b8b2}
.home .signature-banner h1{font-family:SpaceSignature,Arial,sans-serif;font-weight:700;letter-spacing:-.07em;line-height:1.04}
.home .signature-banner{padding-top:0;padding-bottom:12px;overflow:visible}
.home .signature-hero{padding-top:44px;padding-bottom:76px}
.home .signature-dot{color:#00afb5}
.home .signature-details{grid-template-columns:1fr 1fr;gap:8%;padding-top:27px;align-items:start}
.home .signature-discipline p{font-size:clamp(17px,1.55vw,23px);color:#20201e;font-weight:400;line-height:1.45;letter-spacing:-.03em}
.home .signature-description{color:#5c5c57;max-width:530px;font-size:clamp(18px,1.6vw,24px);line-height:1.45;letter-spacing:-.027em;text-align:right}
.home .signature-discipline .text-link{color:#61615b;font-size:12px;margin-top:24px}
.home .signature-discipline .text-link span{background:#00dedf;border-color:#00dedf;color:#141414}
.home .signature-discipline .text-link:hover{color:#111}
.home .work-heading{padding:26px 0 36px;border-color:#cccac4;align-items:baseline}
.home .work-heading h2{font-family:SpaceSignature,Arial,sans-serif;font-size:clamp(32px,3.9vw,58px);line-height:1.1;letter-spacing:-.05em;font-weight:700;gap:0}
.home .work-heading h2:before{display:none}
.home .work-heading h2 .dot{color:#00afb5}
.home .work-heading>span{color:#686862;font-size:12px}
.staggered-projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.5%;row-gap:80px;align-items:start}
.home #work .feature-card{grid-column:1/8;grid-row:1;align-self:start}
.home #work .feature-visual{aspect-ratio:4/3}
.home #work .feature-visual video{object-fit:contain}
.placeholder-two{grid-column:9/13;grid-row:1;margin-top:clamp(160px,18vw,300px)}
.placeholder-three{grid-column:3/10;grid-row:2}
.placeholder-card{border:1px solid #363636;border-radius:20px;background:#171717;overflow:hidden}
.placeholder-visual{aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:#262b2b;color:#d2dad7}
.placeholder-three .placeholder-visual{aspect-ratio:16/10;background:#d1d1ca;color:#252824}
.placeholder-tag{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.placeholder-number{font-family:SpaceSignature,Arial,sans-serif;font-size:clamp(100px,15vw,240px);font-weight:700;letter-spacing:-.09em;line-height:.85;align-self:center;opacity:.75}
.placeholder-note{font-size:17px;letter-spacing:-.03em}
.placeholder-caption{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.placeholder-caption h3{font-size:22px;font-weight:400;letter-spacing:-.03em}
.placeholder-caption>span{color:#999;font-size:12px}
.home .motion-grid{padding-bottom:105px}
.home footer{background:#0c0c0c;color:#f1f0ec;border-top:1px solid #303030}
.home footer em{color:#f1f0ec}
.home footer .eyebrow{color:#999}
.home footer .eyebrow>span{color:#00dedf}
.home footer .bottom{border-color:#303030;color:#b4b4ad}
.home footer .bottom a:hover{color:#00dedf}
@media(max-width:1000px){.staggered-projects{row-gap:60px}.home #work .card-caption h2{font-size:21px}.home .signature-details{gap:5%}.home .signature-discipline p{font-size:17px}.placeholder-caption{padding:18px}.placeholder-caption h3{font-size:19px}}
@media(max-width:700px){.home header .wordmark{font-size:14px}.home .signature-hero{padding-top:28px;padding-bottom:44px}.home .signature-details{grid-template-columns:1fr;gap:24px;padding-top:20px}.home .signature-description{text-align:left;font-size:18px;line-height:1.5}.home .signature-discipline p{font-size:clamp(14px,3.9vw,20px)}.home .work-heading{padding:22px 0 26px;gap:20px}.home .work-heading h2{font-size:34px}.home .work-heading>span{font-size:12px;max-width:100px;text-align:right;line-height:1.5}.staggered-projects{grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 0}.home #work .feature-card{grid-column:1/13;grid-row:1}.placeholder-two{grid-column:3/13;grid-row:2;margin-top:0}.placeholder-three{grid-column:1/12;grid-row:3}.placeholder-card{border-radius:14px}.placeholder-visual{padding:22px}.placeholder-number{font-size:32vw}.placeholder-caption h3{font-size:19px}.home .motion-grid{padding-bottom:65px}}
.home .signature-details{grid-template-columns:35% 1fr;gap:3%;align-items:baseline}
.home .signature-discipline p,.home .signature-description{font-size:clamp(16px,1.4vw,22px);line-height:1.5;letter-spacing:-.03em}
.home .signature-description{max-width:none;width:100%;text-align:right}
.home .signature-description>span{display:block;white-space:nowrap}
.home .contact-banner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.home .contact-banner h2{flex:1;min-width:0}
.home footer .contact-socials{display:flex;flex-direction:column;gap:16px;margin:0;flex-shrink:0}
.home footer .contact-socials a{width:46px;height:46px;display:grid;place-items:center;border:1px solid #444;border-radius:50%;color:#efefea;transition:background .3s,color .3s,border-color .3s,transform .3s}
.home footer .contact-socials svg{width:22px;height:22px}
.home footer .contact-socials a:hover,.home footer .contact-socials a:focus-visible{background:var(--accent);border-color:var(--accent);color:#111;transform:translateY(-2px)}
.home footer .contact-socials a:after{display:none}
.home .contact-socials a>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home footer .footer-row p{white-space:nowrap}
@media(max-width:1000px){.home .signature-details{grid-template-columns:1fr;gap:24px}.home .signature-description{justify-self:end;width:auto}.home .signature-discipline{width:100%}.home .signature-discipline p{font-size:18px}.home .signature-description{font-size:18px}}
@media(max-width:700px){.home .signature-description{width:100%;text-align:left;font-size:18px}.home .signature-description>span{display:inline;white-space:normal}.home .signature-discipline p{font-size:clamp(14px,3.9vw,20px)}.home .contact-banner{flex-direction:column;align-items:flex-start;gap:0}.home footer .contact-socials{flex-direction:row;margin:0 0 30px;gap:14px}.home footer .footer-row{align-items:flex-start;gap:24px;flex-direction:column}.home footer .footer-row p{font-size:14px;white-space:normal}.home .contact-banner h2{width:100%}}
/* Final optical alignment: Space Grotesk b has a 70/1000 em left bearing. */
.home .signature-banner h1{margin-left:-.07em}
.home .signature-dot,.home .work-heading h2 .dot{color:var(--accent)}
.home footer .contact-socials{gap:20px}
.home footer .contact-socials a{width:32px;height:32px;border:0;border-radius:0;background:transparent;padding:6px}
.home footer .contact-socials svg{width:20px;height:20px;display:block}
.home footer .contact-socials a:hover,.home footer .contact-socials a:focus-visible{background:transparent;border:0;color:var(--accent);transform:translateY(-2px)}
.home header nav>a:last-child,.home footer .pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;line-height:1;box-sizing:border-box}
.home header nav>a:last-child{min-height:48px;padding:0 22px}
.home footer .pill{min-height:64px;padding:0 30px;gap:36px}
.home header nav>a:last-child .cta-label,.home footer .pill .cta-label{display:block;line-height:1;transform:none!important;color:inherit;font-size:inherit}
.home .cta-icon{display:block;flex:none;width:20px;height:20px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.home header nav>a:last-child:hover .cta-icon,.home header nav>a:last-child:focus-visible .cta-icon,.home footer .pill:hover .cta-icon,.home footer .pill:focus-visible .cta-icon{transform:translate(2px,-2px)}
@media(max-width:700px){.home header nav>a:last-child{min-height:40px;padding:0 14px;gap:12px}.home header nav>a:last-child .cta-icon{width:16px;height:16px}.home footer .pill{min-height:52px;padding:0 24px;gap:28px}.home footer .contact-socials{gap:18px}.home footer .contact-socials a{width:40px;height:40px;padding:10px}}
@media(prefers-reduced-motion:reduce){.home .cta-icon{transition:none!important;transform:none!important}}

.start-project .placeholder-visual{position:relative;overflow:hidden;background:#6531ae}.start-project .placeholder-visual video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s}.start-project:hover video{transform:scale(1.025)}.start-view{position:absolute;bottom:20px;right:20px;border-radius:40px;background:var(--fg);color:#111;padding:14px 20px;font-size:14px;transition:background .25s}.start-project:hover .start-view{background:var(--accent)}.start-project .placeholder-caption{gap:15px}.start-project .placeholder-caption span{text-align:right}

/* Shared stacked wordmark, matching project headers. */
.home header .wordmark{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;line-height:.8;letter-spacing:-1.5px;flex-shrink:0}.home header .wordmark span{font-size:11px;letter-spacing:0;position:absolute;top:0;right:-15px}

.home .feature-card .feature-visual video{object-fit:cover;width:100%;height:100%}.home .start-project .placeholder-visual{padding:0}

/* Cover wins over the earlier contain rule; preserve source quality. */
.home #work .feature-card .feature-visual video{object-fit:cover;width:100%;height:100%}
.home #work .feature-card.start-project{grid-column:9/13;grid-row:1;margin-top:clamp(160px,18vw,300px)}
.home #work .start-project .feature-visual{aspect-ratio:1}
.home #work .view-case,.home #work .start-view{display:none!important}
.home #work .feature-card{cursor:pointer}
@media(max-width:700px){.home #work .feature-card.start-project{grid-column:3/13;grid-row:2;margin-top:0}}

/* Editorial copy rhythm. */
.home .signature-description{font-size:clamp(16px,1.2vw,19px);line-height:1.55;max-width:62ch;justify-self:end;letter-spacing:-.02em}
.home .signature-description>span{display:block;white-space:normal;text-wrap:pretty}
.home .signature-description .signature-location{margin-top:10px}
.home .about-copy>p+p{margin-top:18px}.home .about-copy>p strong{font-weight:600;color:var(--fg)}
.home .about .tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;font-size:14px;line-height:1.5}
.home #work .card-caption>div{min-width:0}.home #work .card-caption p{flex-wrap:wrap;gap:4px 18px}.home #work .card-arrow{flex-shrink:0}
@media(max-width:700px){.home .signature-description{font-size:16px;max-width:none}.home .about .tags{grid-template-columns:1fr;gap:10px}}

.home .signature-details{display:block;padding-top:26px}.home .signature-discipline{display:block;width:100%}.home .signature-discipline .signature-description{font-size:clamp(16px,1.2vw,19px);line-height:1.55;text-align:left;width:100%;max-width:64ch;margin:18px 0 0}.home .signature-discipline .text-link{margin-top:23px}.home .signature-description .signature-location{margin-top:8px}.home .about-copy{min-width:0;text-align:left}.home .about-copy>h2{margin-left:-.025em}.home .about-hi{color:var(--accent)}.home .about-copy>h3,.home .about-copy>p,.home .about-copy>.tags{margin-left:0;padding-left:0;text-indent:0}.home .about .tags{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:12px;line-height:1.5}.home .about .tags span{white-space:nowrap}

.home .signature-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;align-items:start}.home .signature-details>.signature-description{margin:0;padding:0;max-width:none;width:100%;font-size:clamp(15px,1.05vw,17px);line-height:1.55;text-align:left;justify-self:end}.home .signature-description>span{display:block;white-space:nowrap}.home .signature-discipline>p{margin:0;line-height:1.55}.home .signature-discipline .text-link{margin-top:24px}@media(max-width:1100px){.home .signature-details{grid-template-columns:1fr;gap:24px}.home .signature-description>span{white-space:normal}}

/* Full-width reel leads into the selected projects. */
.home .home-reel{padding-top:0;padding-bottom:clamp(64px,7vw,112px)}
.home .reel-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#0c0c0c}
.home .reel-frame video{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.home .home-reel{padding-bottom:52px}.home .reel-frame{border-radius:12px}}

/* The reel bridges the light intro and dark project gallery. */
.home .work-heading{color:#f4f2ed;border-color:#383838}
.home .work-heading>span{color:#aaa9a3}
.home .work-heading h2 .dot{color:var(--accent)}
.home .reel-frame{position:relative;isolation:isolate}
.home .reel-frame:after{content:'';position:absolute;inset:0;background:#b9b9b4;opacity:0;pointer-events:none;transition:opacity .65s ease}
.home .reel-frame video{transition:transform .85s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.home .reel-frame:hover:after{opacity:.1}.home .reel-frame:hover video{transform:scale(1.012)}}
.home.animations-paused .reel-frame video{transform:none;transition:none}
.home #work .feature-card.boss-project{grid-column:3/10;grid-row:2}
.home #work .boss-project .feature-visual{aspect-ratio:16/10}
@media(max-width:700px){.home #work .feature-card.boss-project{grid-column:1/12;grid-row:3}}
@media(prefers-reduced-motion:reduce){.home .reel-frame video{transform:none!important;transition:none}.home .reel-frame:after{transition:none}}