@charset "UTF-8";
:root{--bg:#111110;--text:#f2f1ec;--muted:#a6a6a0;--accent:#ff653b;--line:#393936;--pad:clamp(22px,4.3vw,76px);color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}p,h1,h2,h3{margin:0}p{line-height:1.6}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:14px;background:var(--accent);color:#111}.skip:focus{top:10px}.header{height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff14}.wordmark{font-size:23px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.mark{font-size:12px;vertical-align:top;margin-left:4px;letter-spacing:0}.header-caption{font-size:12px;letter-spacing:1.5px;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{padding:15px 0;transition:color .2s}nav a:hover{color:var(--accent)}sup{font-size:10px;margin-left:3px;color:var(--muted)}.hero{min-height:660px;height:calc(100svh - 90px);max-height:930px;position:relative;isolation:isolate;overflow:hidden}.hero-picture,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 80%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 42%)}.hero-heading{padding:clamp(48px,7vw,110px) var(--pad) 180px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.6px;line-height:1.5}.hero-heading>.eyebrow{margin-bottom:28px}h1{font-size:clamp(56px,7.3vw,116px);line-height:1.01;font-weight:500;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--accent)}.hero-intro{margin-top:28px;font-size:17px;color:#d4d1c9;line-height:1.5}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;display:flex;align-items:flex-end;gap:24px}.hero-project{display:grid;gap:10px}.hero-project .eyebrow{color:#bbb8b0}.hero-project-title{font-size:22px;letter-spacing:-.5px}.hero-project-title span{display:inline-block;margin-left:22px;transition:transform .25s}.hero-project:hover .hero-project-title span{transform:translate(3px,-3px)}.hero-project-meta{font-size:13px;color:#a5a49f}.demo-tag{font-size:10px;letter-spacing:1.2px;margin-left:auto;color:#b8b5af}.scroll-cue{border:1px solid #ffffff50;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:24px}.section-wrap{padding:80px var(--pad)}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-top h2{font-size:18px;font-weight:400}.section-top>span{font-size:12px;letter-spacing:1.2px}.muted{color:var(--muted)}.project-card{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.project-image{position:relative;overflow:hidden;background:#1d1d1b;aspect-ratio:1.5}.project-image img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.035)}.image-label{position:absolute;left:20px;top:20px;font-size:10px;letter-spacing:1.3px;padding:8px 10px;background:#111b}.round-link{position:absolute;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;background:var(--text);color:#111;display:grid;place-items:center;font-size:24px}.project-copy h3{font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:22px 0}.project-copy>p{max-width:420px;font-size:16px;color:#b7b7b0}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #77776f;padding:0 0 8px;margin-top:26px;font-size:14px}.project-disclaimer{display:block;font-size:12px;line-height:1.5;color:#90908a;margin-top:24px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(35px,6vw,100px)}.about h2{font-size:clamp(35px,4vw,60px);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin-top:25px}.about-copy>p{font-size:18px;max-width:480px}.about-copy>.proposal-note{font-size:12px;color:var(--muted);margin-top:15px}.disciplines{list-style:none;padding:0;margin:30px 0 0}.disciplines li{border-top:1px solid var(--line);padding:15px 0;font-size:16px}.disciplines li span{display:inline-block;width:40px;font-size:11px;color:var(--muted)}.contact{background:var(--accent);color:#171310;padding-top:46px;padding-bottom:42px}.contact-top{display:flex;justify-content:space-between;gap:20px}.contact h2{font-size:clamp(60px,10.1vw,156px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:45px 0}.contact-arrow{display:inline-block;font-weight:300;font-size:.9em;margin-left:.4em}.contact-bottom{border-top:1px solid #17131055;padding-top:25px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.contact-bottom>p{font-size:16px}.contact-pending{font-size:18px}.contact-note{font-size:12px;margin-top:7px}.footer{padding:30px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:10px;letter-spacing:1px;color:var(--muted)}.footer>a:last-child{font-size:12px}.detail-intro{padding-top:55px;padding-bottom:48px}.back-link{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:50px}.detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.detail-heading h1{font-size:clamp(60px,9vw,135px);margin-top:22px}.detail-heading>p{max-width:350px;color:var(--muted);font-size:16px}.detail-visual{margin:0 var(--pad);position:relative}.detail-visual img{max-height:760px;object-fit:cover;aspect-ratio:1.8}.detail-visual figcaption{font-size:12px;color:var(--muted);margin-top:14px}.detail-body{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.detail-body h2{font-size:40px;font-weight:400;letter-spacing:-1.5px}.detail-body p{font-size:18px;max-width:700px}.detail-body p+p{margin-top:24px;color:var(--muted)}.project-facts{margin:35px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-facts dt{font-size:12px;color:var(--muted);margin-bottom:8px}.project-facts dd{margin:0;font-size:15px}.detail-contact{border-top:1px solid var(--line);padding-top:35px;padding-bottom:50px;display:flex;justify-content:space-between;font-size:18px}.detail-contact a:last-child{color:var(--accent)}
@media(min-width:1700px){.section-wrap{padding-top:95px;padding-bottom:95px}}
@media(max-width:950px){.header-caption{display:none}.hero{min-height:650px;max-height:850px}.hero-heading{padding-top:75px}.hero-picture img{object-position:60% center}.project-card,.about{gap:35px}.project-copy h3{font-size:38px}.demo-tag{font-size:9px}.about-copy>p{font-size:16px}.detail-heading{align-items:flex-start;flex-direction:column}.detail-body{gap:35px}}
@media(max-width:640px){html{scroll-padding-top:78px}.header{height:78px;gap:15px}.wordmark{font-size:18px}.mark{font-size:9px}nav{gap:16px;font-size:12px}nav sup{display:none}.hero{height:calc(100svh - 78px);min-height:620px;max-height:850px}.hero-heading{padding-top:46px}.hero-heading>.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:23px}h1{font-size:clamp(43px,9.7vw,64px);letter-spacing:-.055em}.hero-intro{font-size:14px;margin-top:23px}.hero-picture img{object-position:center}.hero-shade{background:linear-gradient(0deg,#000d,transparent 48%,#0007)}.hero-bottom{bottom:25px;flex-wrap:wrap;gap:18px}.hero-project{width:100%;gap:8px}.hero-project-title{font-size:20px}.hero-project-meta{font-size:12px}.demo-tag{margin-left:0;font-size:9px}.scroll-cue{margin-left:auto;width:36px;height:36px;font-size:20px}.section-wrap{padding:50px var(--pad)}.section-top{gap:20px}.section-top h2{font-size:16px}.section-top>span{font-size:9px;letter-spacing:.7px}.project-card,.about{grid-template-columns:1fr;gap:28px}.project-image{aspect-ratio:1.25}.project-copy h3{font-size:45px}.project-copy>p{font-size:16px}.project-disclaimer{margin-top:18px}.about h2{font-size:43px}.about-copy>p{font-size:17px}.contact{padding-top:30px;padding-bottom:30px}.contact-top .eyebrow{font-size:9px;letter-spacing:1px}.contact h2{font-size:clamp(48px,11.5vw,74px);margin:37px 0;letter-spacing:-.055em}.contact-arrow{margin-left:.15em}.contact-bottom{flex-direction:column;gap:22px}.contact-bottom>p{font-size:14px}.footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:20px}.footer p{order:3;width:100%;font-size:9px}.footer>a:last-child{margin-left:auto}.detail-intro{padding-top:35px}.back-link{margin-bottom:35px}.detail-heading{gap:25px}.detail-heading h1{font-size:67px}.detail-visual img{aspect-ratio:1;object-position:65%}.detail-body{grid-template-columns:1fr;gap:25px}.detail-body h2{font-size:34px}.detail-body p{font-size:16px}.project-facts{gap:20px}.detail-contact{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.carousel-arrow{position:absolute;top:55%;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;background:#1117;color:#fff;font-size:26px;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}.carousel-arrow:hover{background:var(--accent);color:#111;transform:scale(1.06)}.previous{left:var(--pad)}.next{right:var(--pad)}.carousel-position{margin-left:auto;text-align:right;display:grid;gap:13px}.carousel-position>span:first-child{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:3px}.slide-dots{display:flex;justify-content:flex-end;gap:5px}.slide-dots button{width:35px;height:24px;padding:10px 0;border:0;background:transparent;cursor:pointer}.slide-dots button:after{content:"";display:block;height:2px;background:#ffffff60;transition:background .2s}.slide-dots button[aria-current]:after{background:var(--accent)}.hero-project-title #slide-title{margin:0;transform:none}.hero-project-title>span:last-child{margin-left:16px}.hero:focus-visible{outline-offset:-4px}
@media(max-width:640px){.carousel-arrow{top:53%;width:44px;height:44px;font-size:22px}.hero-bottom{gap:20px}.carousel-position{width:100%;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:4px 20px}.carousel-position .demo-tag{grid-column:1/-1;margin-top:5px}.slide-dots{justify-content:flex-end}.hero-project-title{font-size:18px}.hero-project-title>span:last-child{margin-left:8px}.hero-project-title #slide-title{margin:0}.hero-project .eyebrow{font-size:10px}}
@media(max-width:640px){.hero-shade{background:linear-gradient(0deg,#000e,transparent 45%,#000b 82%)}.hero-intro{text-shadow:0 1px 7px #000}}

/* Commercial presentation: keep the visual work first, make the offer explicit. */
.header-caption{letter-spacing:1.1px}
.nav-contact{color:var(--accent)}
.hero-heading{padding-top:clamp(48px,5.5vw,85px)}
.hero h1{font-size:clamp(56px,6.7vw,105px)}
.hero-shade{background:linear-gradient(90deg,#000b,transparent 85%),linear-gradient(0deg,#000e,transparent 50%)}
.hero-intro{max-width:490px;font-size:1rem;color:#e1dfd8}
.hero-cta{display:inline-flex;align-items:center;gap:30px;margin-top:23px;min-height:44px;padding:11px 16px;border:1px solid #eee9;background:#1117;font-size:.875rem;transition:background .2s,color .2s}
.hero-cta:hover{background:var(--text);color:var(--bg)}
.carousel-arrow{top:62%;background:#111b}
.demo-tag,.image-label,.footer p{font-size:.75rem;letter-spacing:.7px}
.project-section{padding-top:58px;padding-bottom:58px}
.section-top h2{font-size:1.7rem;letter-spacing:-.8px}
.project-card{grid-template-columns:1.25fr 1fr}
.project-image{aspect-ratio:1.7}
.project-copy h3{font-size:clamp(35px,3.5vw,52px);margin:16px 0}
.project-disclaimer{color:#b0b0a9}
.exploration-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:36px}
.exploration-card{display:grid;grid-template-columns:135px 1fr;gap:22px;align-items:center;min-width:0;border-top:1px solid var(--line);padding-top:20px}
.exploration-card img{height:100px;object-fit:cover;transition:filter .25s}
.exploration-card:hover img{filter:brightness(1.18)}
.exploration-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.exploration-card strong{display:block;font-size:1.4rem;font-weight:400;letter-spacing:-.5px;margin-bottom:8px}
.exploration-card strong+span{font-size:.75rem;color:var(--muted);line-height:1.5;display:block}
.exploration-card>div>span:last-child{font-size:24px}
.services{border-top:1px solid var(--line);padding-top:58px;padding-bottom:58px;background:#161615}
.services-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(35px,6vw,100px);align-items:end}
.services h2{font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin-top:20px}
.services-intro>p{font-size:1.15rem;max-width:430px;line-height:1.6}
.proposal-note{display:block;font-size:.75rem;color:var(--muted);margin-top:16px;line-height:1.5}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}
.offer{border-top:1px solid #6c6c61;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start}
.offer-number{font-size:.75rem;letter-spacing:.6px;color:var(--muted)}
.offer h3{font-size:clamp(20px,1.7vw,26px);line-height:1.2;font-weight:400;letter-spacing:-.65px;margin:20px 0 14px}
.offer>p{font-size:1rem;color:#d1d1c8;max-width:360px}
.offer>.deliverables{font-size:.875rem;line-height:1.65;color:var(--muted);margin:16px 0 22px}
.offer>a{font-size:.875rem;margin-top:auto;display:flex;gap:20px;align-items:center;min-height:44px;border-bottom:1px solid #69695f}
.offer>a:hover{color:var(--accent)}
.working-method{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);margin-top:48px;padding-top:30px}
.working-method h3{font-size:1.5rem;letter-spacing:-.6px;line-height:1.2;font-weight:400}
.working-method>div>p{font-size:.875rem;color:var(--muted);margin-top:13px}
.working-method ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.working-method li>span{font-size:.75rem;color:var(--accent);display:block;margin-bottom:15px}
.working-method strong{font-size:.875rem;font-weight:400}
.working-method li p{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:10px}
.contact h2{font-size:clamp(56px,7.8vw,116px);margin:36px 0}
.contact-bottom{gap:50px}
.contact-prompt{max-width:640px}
.contact-prompt>p{font-size:1rem}
.contact-prompt ul{padding-left:18px;line-height:1.8;margin:14px 0;font-size:.875rem}
.contact-prompt>.contact-next{font-size:.875rem;max-width:540px}
#contact-details{max-width:350px;min-width:230px}
#contact-details>a{display:inline-block;border-bottom:1px solid currentColor;line-height:1.6;overflow-wrap:anywhere}
.contact-note{font-size:.75rem;line-height:1.5}
.contact a:focus-visible{outline-color:#171310}
.footer p{line-height:1.5}
@media(max-width:950px){
  .hero h1{font-size:clamp(54px,7.4vw,74px)}
  .services-heading{gap:35px}
  .offer-grid{gap:22px}
  .exploration-card{grid-template-columns:100px 1fr;gap:15px}
  .working-method{grid-template-columns:1fr;gap:25px}
  .working-method>div>p{max-width:none}
}
@media(max-width:640px){
  :root{--pad:22px}
  .header{height:auto;min-height:78px;flex-wrap:wrap;gap:0 18px;padding-top:12px;padding-bottom:12px}
  .header nav{gap:18px;font-size:.875rem;margin-left:auto}
  .header nav a{min-height:44px;display:flex;align-items:center}
  .wordmark{font-size:1.125rem;overflow-wrap:anywhere;white-space:normal;letter-spacing:-.7px}
  .hero{min-height:730px;max-height:none}
  .hero h1{font-size:clamp(42px,9.6vw,61px);line-height:1.05}
  .hero-heading{padding-top:35px}
  .hero-heading>.eyebrow{font-size:.75rem;letter-spacing:1px;margin-bottom:18px}
  .hero-intro{font-size:1rem;max-width:325px;margin-top:20px;line-height:1.5}
  .desktop-break{display:none}
  .hero-cta{margin-top:19px;font-size:.875rem}
  .hero-shade{background:linear-gradient(0deg,#000f,transparent 45%,#000c 74%)}
  .carousel-arrow{top:60%}
  .hero-project .eyebrow,.hero-project-meta{font-size:.75rem}
  .hero-project-title{font-size:1.05rem;letter-spacing:0}
  .demo-tag{font-size:.75rem;letter-spacing:0}
  .hero-bottom{gap:14px;bottom:22px}
  .slide-dots button{width:38px;height:36px;padding:16px 0}
  .section-wrap{padding:42px var(--pad)}
  .section-top{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}
  .section-top h2{font-size:1.7rem}
  .section-top>span{font-size:.75rem;letter-spacing:.5px}
  .project-card{grid-template-columns:1fr;gap:25px}
  .project-image{aspect-ratio:1.45}
  .project-copy h3{font-size:2.6rem}
  .project-copy .eyebrow,.image-label{font-size:.75rem}
  .exploration-grid{gap:24px;grid-template-columns:1fr;margin-top:28px}
  .exploration-card{grid-template-columns:110px 1fr;padding-top:18px}
  .exploration-card img{height:90px}
  .exploration-card strong{font-size:1.25rem}
  .services-heading{grid-template-columns:1fr;gap:25px}
  .services h2{font-size:2.7rem;margin-top:18px}
  .services-intro>p{font-size:1rem}
  .offer-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}
  .offer h3{font-size:1.5rem;margin-top:16px}
  .offer>.deliverables{margin-bottom:9px}
  .working-method{margin-top:32px;gap:25px}
  .working-method ol{grid-template-columns:1fr;gap:20px}
  .working-method li{display:flex;gap:20px;align-items:baseline}
  .working-method li>span{margin-bottom:0}
  .working-method li p{margin-top:5px}
  .contact h2{font-size:clamp(38px,9.1vw,59px);line-height:1.05;letter-spacing:-.05em;margin:28px 0}
  .contact-top{flex-direction:column;gap:5px}
  .contact-top .eyebrow{font-size:.75rem;letter-spacing:.7px}
  .contact-bottom{gap:28px}
  #contact-details{min-width:0}
  .footer p{font-size:.75rem;letter-spacing:.4px}
}
