:root{--ink:#0b0b0a;--paper:#f2f1ec;--paper2:#e7e3da;--lime:#caff16;--line:rgba(11,11,10,.22);--muted:#77756e;--pad:clamp(24px,5vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:86px;padding:10px var(--pad);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(242,241,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,11,10,.13)}
.brand{display:flex;width:56px;height:56px;align-items:center}.brand img{width:56px;height:56px;object-fit:contain;display:block}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:400}.site-nav>a:not(.cta){position:relative}.site-nav>a:not(.cta)::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s ease}.site-nav>a:hover::after{transform:scaleX(1);transform-origin:left}.cta,.dark-pill{display:inline-flex;align-items:center;gap:16px;border-radius:999px;padding:13px 18px;background:var(--lime);font-weight:500;transition:transform .25s ease,background .25s ease}.cta:hover,.dark-pill:hover{transform:translateY(-2px)}.dark-pill{background:var(--ink);color:white}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative;cursor:pointer}.menu-toggle span:not(.sr-only){position:absolute;left:8px;width:26px;height:1px;background:var(--ink);transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:nth-child(2){top:25px}.menu-open .menu-toggle span:first-child{top:21px;transform:rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){top:21px;transform:rotate(-45deg)}
section,.contact-footer{padding:clamp(76px,10vw,150px) var(--pad)}.section-tag,.hero-kicker{font-size:11px;font-weight:600;letter-spacing:.17em}.section-tag{align-self:start}.dark{background:var(--ink);color:white}.accent{background:var(--lime)}
.hero{min-height:calc(100svh - 86px);display:flex;flex-direction:column;justify-content:space-between;padding-top:42px;padding-bottom:32px}.hero-kicker span{opacity:.4;margin:0 8px}.hero h1{font-size:clamp(120px,22vw,360px);font-weight:200;letter-spacing:-.088em;line-height:.72;margin:0 0 0 -.035em}.hero-meta{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.hero-meta p{margin:0}.hero-meta i{font-style:normal;opacity:.35;margin:0 9px}.hero-meta a{font-weight:400}.hero-meta a span{display:inline-block;transition:transform .25s}.hero-meta a:hover span{transform:translateY(4px)}
.studio{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:50px}.section-main h2{font-size:clamp(56px,8vw,122px);font-weight:300;letter-spacing:-.065em;line-height:.91;margin:0}.studio h2 span{color:#747474}.studio .lead{font-size:clamp(20px,2vw,29px);line-height:1.42;max-width:780px;margin:60px 0 0 auto;color:#d8d8d3}
.services>.section-tag{margin-bottom:65px}.service-stack{border-bottom:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px minmax(280px,.95fr) minmax(360px,1.05fr);gap:34px;border-top:1px solid var(--line);padding:44px 0 48px}.service-no{font-size:12px;padding-top:12px;color:var(--muted)}.service-intro h3{font-size:clamp(43px,5.5vw,78px);font-weight:300;letter-spacing:-.055em;line-height:.95;margin:0 0 20px}.service-intro p{font-size:17px;line-height:1.55;max-width:440px;margin:0;color:#4e4c47}.service-list{list-style:none;padding:4px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.service-list li{border-top:1px solid rgba(11,11,10,.13);padding:11px 0;font-size:14px}.service-list li:nth-child(-n+2){border-top:0}
.stayweb{background:var(--paper2);min-height:90vh;display:flex;flex-direction:column;justify-content:space-between}.stayweb-head{display:flex;justify-content:space-between;align-items:start}.stay-badge{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:500;letter-spacing:.1em}.stayweb h2,.stay-hero h1{font-size:clamp(62px,9.5vw,146px);font-weight:300;letter-spacing:-.068em;line-height:.88;margin:72px 0}.stayweb h2 em,.stay-hero h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.stayweb-bottom{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:minmax(0,650px) auto;justify-content:space-between;gap:40px;align-items:end}.stayweb-bottom p{font-size:19px;line-height:1.5;margin:0}
.process{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:50px}.process h2{font-size:clamp(64px,9vw,135px);font-weight:300;letter-spacing:-.068em;line-height:.88;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:82px}.steps>div{border-top:1.5px solid var(--ink);padding-top:16px}.steps b{font-size:12px}.steps h3{font-size:38px;font-weight:400;letter-spacing:-.04em;margin:48px 0 12px}.steps p{font-size:16px;line-height:1.55;max-width:270px;margin:0}
.about>.section-tag{margin-bottom:70px}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:start}.about h2{font-size:clamp(75px,10vw,145px);font-weight:300;letter-spacing:-.07em;line-height:.8;margin:0}.about-copy{max-width:650px;padding-top:8px}.about-copy p{font-size:18px;line-height:1.6;color:#4b4944}.about-copy .intro-copy{font-size:clamp(23px,2.3vw,31px);line-height:1.35;color:var(--ink);margin-top:0}
.contact-footer{background:var(--ink);color:white;min-height:95vh}.contact-footer h2{font-size:clamp(66px,9vw,138px);font-weight:300;letter-spacing:-.068em;line-height:.88;margin:70px 0 80px}.contact-footer h2 span{color:#696969}.contact-grid{border-top:1px solid #393939;padding-top:42px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.65fr);gap:9vw}.contact-form{display:grid;gap:22px}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:grid;gap:8px;color:#888;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #555;background:transparent;color:white;padding:12px 0 14px;outline:0;font-size:17px;font-weight:300;transition:border .2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form button{justify-self:start;border:0;background:var(--lime);border-radius:999px;padding:15px 21px;font-weight:600;cursor:pointer;transition:transform .2s}.contact-form button:hover{transform:translateY(-2px)}.form-note{font-size:11px;color:#666;margin:0}.trap{position:absolute!important;left:-9999px!important}.contact-info{display:grid;gap:40px}.contact-info small{display:block;color:var(--lime);letter-spacing:.12em;font-weight:600;margin-bottom:12px}.contact-info a,.contact-info p{display:block;margin:5px 0;line-height:1.55;color:#ddd}.footer-bottom{border-top:1px solid #292929;margin-top:85px;padding-top:20px;display:flex;justify-content:space-between;gap:35px;color:#777;font-size:11px}.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom a:hover{color:white}.notice{border:1px solid #555;padding:13px 15px;color:#ccc}.notice.ok{border-color:var(--lime);color:white}
/* subpages */.subpage{min-height:75vh}.projects-hero{min-height:76vh}.projects-hero h1,.legal-page h1{font-size:clamp(74px,11vw,165px);font-weight:300;letter-spacing:-.075em;line-height:.85;margin:80px 0 30px}.projects-hero>p{font-size:19px;color:var(--muted)}.empty-canvas{height:180px;border-bottom:1px solid var(--line);margin-top:80px}.mini-footer{padding:52px var(--pad) 26px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;gap:35px}.mini-footer>p{font-size:22px;margin:0}.mini-footer>a{color:var(--lime)}.mini-footer>div{grid-column:1/-1;border-top:1px solid #333;padding-top:18px;display:flex;justify-content:space-between;color:#777;font-size:11px}
.legal-page{max-width:1220px}.legal-meta{font-size:12px;color:var(--muted);margin-bottom:55px}.legal-copy{max-width:720px;font-size:17px;line-height:1.7}.legal-copy p{margin:0 0 26px}.legal-copy a{text-decoration:underline;text-underline-offset:3px}
.stay-hero{min-height:90vh;background:var(--paper2);display:flex;flex-direction:column;justify-content:space-between}.stay-hero h1{margin:68px 0}.stay-hero>p{font-size:clamp(19px,2vw,27px);line-height:1.45;max-width:820px;margin:0}.stay-process h2,.stay-projects h2,.stay-cta-section h2{font-size:clamp(64px,9vw,135px);font-weight:300;letter-spacing:-.068em;line-height:.9;margin:70px 0}.stay-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.stay-steps article{border-top:1px solid #555;padding-top:16px}.stay-steps b{font-size:12px;color:var(--lime)}.stay-steps h3{font-size:36px;font-weight:400;margin:48px 0 12px}.stay-steps p{color:#aaa;line-height:1.55;max-width:320px}.stay-projects{min-height:72vh}.stay-project-space{height:220px;margin-top:90px;border-bottom:1px solid var(--line)}.stay-cta-section{background:var(--paper2)}.stay-cta-section>p{font-size:11px;font-weight:600;letter-spacing:.17em}.stay-cta-section .dark-pill{margin-top:20px}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:900px){.service-row{grid-template-columns:52px 1fr}.service-list{grid-column:2;grid-template-columns:1fr 1fr}.studio,.process{grid-template-columns:1fr}.studio .lead{margin-left:0}.about-grid{grid-template-columns:1fr}.about-copy{padding-top:35px}.stayweb-bottom{grid-template-columns:1fr}.stayweb-bottom .dark-pill{justify-self:start}.steps{grid-template-columns:1fr 1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-info{grid-template-columns:repeat(3,1fr);margin-top:30px}}
@media(max-width:720px){:root{--pad:22px}.site-header{height:72px}.brand,.brand img{width:48px;height:48px}.menu-toggle{display:block;z-index:52}.site-nav{position:fixed;left:0;right:0;top:72px;height:calc(100svh - 72px);background:var(--paper);padding:34px var(--pad) 50px;display:flex;flex-direction:column;align-items:flex-start;gap:0;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s;z-index:51}.menu-open .site-nav{transform:none;opacity:1;pointer-events:auto}.site-nav>a{font-size:clamp(34px,10vw,58px);font-weight:300;letter-spacing:-.05em;width:100%;padding:13px 0;border-bottom:1px solid var(--line)}.site-nav>a:not(.cta)::after{display:none}.site-nav .cta{margin-top:28px;width:auto;font-size:15px;letter-spacing:0;border:0;padding:14px 18px}.hero{min-height:calc(100svh - 72px);padding-top:38px}.hero h1{font-size:34vw;line-height:.78;letter-spacing:-.085em}.hero-meta{display:block}.hero-meta a{display:inline-block;margin-top:14px}.studio,.process{display:block}.section-tag{margin-bottom:48px}.section-main h2{font-size:15vw}.studio .lead{font-size:21px;margin-top:45px}.service-row{display:block;padding:36px 0}.service-no{margin-bottom:25px}.service-intro h3{font-size:13vw}.service-list{grid-template-columns:1fr;margin-top:35px}.service-list li:nth-child(2){border-top:1px solid rgba(11,11,10,.13)}.stayweb{min-height:auto}.stayweb h2{font-size:15vw;margin:60px 0}.stayweb-bottom p{font-size:18px}.steps{grid-template-columns:1fr;gap:45px}.steps h3{margin-top:28px}.about>.section-tag{margin-bottom:50px}.about h2{font-size:20vw}.about-copy .intro-copy{font-size:24px}.contact-footer h2{font-size:16vw;margin:58px 0 65px}.contact-form .two{grid-template-columns:1fr}.contact-info{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom nav{margin-top:18px}.projects-hero h1,.legal-page h1{font-size:18vw}.mini-footer{grid-template-columns:1fr}.mini-footer>div{display:block}.mini-footer>div a{display:block;margin-top:12px}.stay-hero h1{font-size:16vw}.stay-process h2,.stay-projects h2,.stay-cta-section h2{font-size:15vw}.stay-steps{grid-template-columns:1fr;gap:45px}.stay-project-space{height:130px;margin-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Legal minimal contact footer */
.legal-contact-footer{
  background:#090909;
  color:#fff;
  padding:72px clamp(22px,4vw,64px) 28px;
}
.legal-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:40px;
  padding-bottom:70px;
}
.legal-contact-grid>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.legal-contact-grid small{
  display:block;
  margin-bottom:18px;
  color:#8f8f8f;
  font-size:11px;
  letter-spacing:.12em;
}
.legal-contact-grid a,
.legal-contact-grid p{
  color:#fff;
  font-size:16px;
  line-height:1.55;
  text-decoration:none;
  margin:0;
}
.legal-contact-grid a:hover{opacity:.62}
.legal-contact-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:22px;
}
@media(max-width:760px){
  .legal-contact-grid{
    grid-template-columns:1fr;
    gap:34px;
    padding-bottom:52px;
  }
}

/* Full compact projects portfolio */
.portfolio-page{padding:0}
.projects-intro{
  min-height:56vh;
  padding:140px var(--pad) 54px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.projects-intro h1{
  font-size:clamp(72px,12vw,165px);
  font-weight:200;
  letter-spacing:-.075em;
  line-height:.84;
  margin:48px 0 52px;
}
.projects-intro-copy{
  border-top:1px solid rgba(0,0,0,.22);
  padding-top:18px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:end;
}
.projects-intro-copy p{
  max-width:520px;
  margin:0;
  font-size:16px;
  line-height:1.5;
}
.projects-intro-copy span{
  font-size:10px;
  letter-spacing:.12em;
  color:var(--muted);
}
.projects-grid-wrap{
  padding:0 var(--pad) 95px;
}
.projects-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:70px 28px;
}
.project-card{min-width:0}
.project-topline{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(0,0,0,.18);
  font-size:10px;
  letter-spacing:.09em;
  color:var(--muted);
}
.project-panel{
  min-height:320px;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  text-decoration:none;
}
.project-panel.dark{background:#0b0b0b}
.project-panel.light{background:#efede7}
.project-panel.typographic{background:#d7ff3f;color:#0b0b0b}
.project-panel img{
  display:block;
  width:34%;
  max-width:230px;
  max-height:42%;
  object-fit:contain;
  filter:grayscale(1) contrast(.95);
  opacity:.82;
  transition:filter .35s ease,opacity .35s ease,transform .35s ease;
}
.project-panel.dark img{filter:grayscale(1) brightness(2.15) contrast(.8)}
.project-panel:hover img{filter:none;opacity:1;transform:scale(1.025)}
.site-type{
  width:72%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.site-type small{
  font-size:10px;
  letter-spacing:.14em;
  margin-bottom:24px;
}
.site-type strong{
  font-size:clamp(52px,7vw,90px);
  line-height:.78;
  letter-spacing:-.07em;
  font-weight:250;
}
.site-type span{
  margin-top:28px;
  font-size:12px;
}
.project-copy{
  padding-top:18px;
}
.project-copy h2{
  margin:0 0 8px;
  font-size:clamp(28px,3vw,42px);
  font-weight:300;
  letter-spacing:-.045em;
}
.project-copy p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.project-copy>a{
  display:inline-block;
  margin-top:14px;
  font-size:12px;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
.social-clients,.collaborations{
  padding:88px var(--pad);
  border-top:1px solid rgba(0,0,0,.18);
}
.social-clients h2,.collaborations h2{
  margin:46px 0 42px;
  font-size:clamp(52px,7vw,95px);
  font-weight:250;
  letter-spacing:-.065em;
  line-height:.9;
}
.client-list{border-top:1px solid rgba(0,0,0,.2)}
.client-row{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:30px;
  padding:18px 0;
  border-bottom:1px solid rgba(0,0,0,.15);
}
.client-row span:first-child{
  font-size:18px;
}
.client-row span:last-child{
  font-size:12px;
  color:var(--muted);
  align-self:center;
}
.collab-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.collab-card{
  min-height:170px;
  background:#0b0b0b;
  color:#fff;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.collab-card span{
  font-size:clamp(30px,4vw,52px);
  font-weight:250;
  letter-spacing:-.045em;
  line-height:.95;
}
.collab-card small{
  color:#9b9b9b;
  font-size:11px;
  letter-spacing:.04em;
}
@media(max-width:760px){
  .projects-intro{min-height:46vh;padding-top:118px}
  .projects-intro-copy{grid-template-columns:1fr}
  .projects-grid{grid-template-columns:1fr;gap:52px}
  .project-panel{min-height:250px}
  .project-panel img{width:38%;max-width:190px}
  .client-row{grid-template-columns:1fr;gap:7px}
  .collab-grid{grid-template-columns:1fr}
}

/* Curated projects v2 */
.portfolio-page{padding:0}
.projects-intro{min-height:52vh;padding:138px var(--pad) 52px;display:flex;flex-direction:column;justify-content:flex-end}
.projects-intro h1{font-size:clamp(70px,11vw,160px);font-weight:200;letter-spacing:-.075em;line-height:.84;margin:46px 0 48px}
.projects-intro-copy{border-top:1px solid rgba(0,0,0,.22);padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.projects-intro-copy p{max-width:560px;margin:0;font-size:16px;line-height:1.5}
.projects-intro-copy span{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.projects-grid-wrap{padding:0 var(--pad) 90px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 22px}
.project-topline{display:flex;justify-content:space-between;gap:18px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.16);font-size:9px;letter-spacing:.09em;color:var(--muted)}
.project-panel{min-height:235px;margin-top:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;text-decoration:none}
.project-panel.light{background:#efede7}.project-panel.dark{background:#0c0c0c}
.project-panel img{display:block;width:30%;max-width:155px;max-height:38%;object-fit:contain;opacity:.72;filter:grayscale(1) contrast(.95);transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.project-panel.dark img{filter:grayscale(1) brightness(2.2) contrast(.82)}
.project-panel:hover img{filter:none;opacity:1;transform:scale(1.03)}
.project-copy{padding-top:15px}
.project-copy h2{margin:0 0 7px;font-size:clamp(24px,2.3vw,34px);font-weight:300;letter-spacing:-.045em;line-height:1}
.project-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.project-copy>a{display:inline-block;margin-top:11px;font-size:11px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.more-websites,.social-clients,.collaborations{padding:82px var(--pad);border-top:1px solid rgba(0,0,0,.18)}
.more-websites h2,.social-clients h2,.collaborations h2{margin:42px 0 34px;font-size:clamp(48px,6vw,88px);font-weight:250;letter-spacing:-.065em;line-height:.9}
.section-intro{max-width:620px;color:var(--muted);font-size:14px;line-height:1.55;margin:-12px 0 30px}
.web-list{border-top:1px solid rgba(0,0,0,.18)}
.web-list a{display:grid;grid-template-columns:1fr .55fr auto;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.14);text-decoration:none}
.web-list span{font-size:18px}.web-list small{color:var(--muted)}.web-list b{font-size:11px;font-weight:400}
.client-list{border-top:1px solid rgba(0,0,0,.18)}
.client-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.client-row span:first-child{font-size:18px}.client-row span:last-child{font-size:12px;color:var(--muted);align-self:center}
.collab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.collab-card{min-height:180px;background:#0b0b0b;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}
.collab-card span{font-size:clamp(30px,4vw,52px);font-weight:250;letter-spacing:-.045em;line-height:.95}
.collab-card small{color:#9b9b9b;font-size:11px;letter-spacing:.04em}
@media(max-width:1020px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.projects-intro{min-height:44vh;padding-top:116px}
.projects-intro-copy{grid-template-columns:1fr}
.projects-grid{grid-template-columns:1fr;gap:46px}
.project-panel{min-height:220px}
.project-panel img{width:34%;max-width:145px}
.web-list a,.client-row{grid-template-columns:1fr;gap:7px}
.collab-grid{grid-template-columns:1fr}
}

/* Final collaboration treatment */
.collaborations h2{
  margin:42px 0 34px;
}
.collab-card small{
  color:#bdbdbd;
  font-size:12px;
}


/* Final launch refinements */
.about-grid-with-photo{
  grid-template-columns:minmax(0,.9fr) minmax(220px,.55fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(28px,4vw,70px);
}
.about-photo{
  overflow:hidden;
  background:#0b0b0b;
  aspect-ratio:4/5;
}
.about-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:grayscale(1);
}
.collab-card-logo{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:26px;
  align-items:center;
  min-height:180px;
}
.collab-card-logo img{
  display:block;
  width:76px;
  height:76px;
  object-fit:contain;
  filter:grayscale(1) brightness(2);
  opacity:.82;
}
.collab-card-logo>div{
  display:flex;
  min-height:100%;
  flex-direction:column;
  justify-content:space-between;
}
.collab-card-logo small{
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:900px){
  .about-grid-with-photo{
    grid-template-columns:1fr 1fr;
  }
  .about-grid-with-photo>h2{
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  .about-grid-with-photo{
    grid-template-columns:1fr;
  }
  .about-grid-with-photo>h2{
    grid-column:auto;
  }
  .about-photo{
    width:min(100%,380px);
  }
  .collab-card-logo{
    grid-template-columns:68px minmax(0,1fr);
  }
  .collab-card-logo img{
    width:58px;
    height:58px;
  }
}


/* Arrow rendering fix for iOS/Safari */
a, button, .cta, .dark-pill {
  font-variant-emoji: text;
}


/* Static contact footer — no PHP / no form */
.contact-grid-simple{align-items:start}
.direct-contact{min-width:0}
.direct-contact small{display:block;color:var(--lime);letter-spacing:.12em;font-weight:600;margin-bottom:18px}
.direct-contact .email-link{
  display:inline-block;
  color:#fff;
  font-size:clamp(30px,4.2vw,68px);
  font-weight:300;
  letter-spacing:-.045em;
  line-height:1;
  border-bottom:1px solid #555;
  padding-bottom:10px;
  transition:border-color .2s,color .2s;
  overflow-wrap:anywhere;
}
.direct-contact .email-link:hover{color:var(--lime);border-color:var(--lime)}
.direct-contact p{color:#777;max-width:520px;margin:24px 0 0;font-size:14px;line-height:1.6}
@media(max-width:900px){
  .contact-grid-simple{grid-template-columns:1fr}
}