/* Reversible background experiment. Remove this stylesheet link to restore the original theme. */
:root {
  --studio-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='240' viewBox='0 0 200 240'%3E%3Cpath d='M20 0V240M0 20H200' fill='none' stroke='%2334566a' stroke-opacity='.035'/%3E%3Cpath d='M16 20H24M20 16V24' fill='none' stroke='%2334566a' stroke-opacity='.085' stroke-width='1'/%3E%3C/svg%3E");
}
.selected-projects,.services,.more-projects,.lab,.about,.contact {
  background-image:var(--studio-grid),radial-gradient(ellipse at 90% 10%,#dfe9ef75,transparent 60%),linear-gradient(135deg,#f3f1e9,#edf2ed 55%,#eaeef3);
  background-size:calc(92vw / 6) 240px,100% 100%,100% 100%;
  background-position:calc(4vw - 20px) -20px,0 0,0 0;
}
/* Keep the landscape entrance, with the same drafting marks in a softer overlay. */
.hero-shell:before {
  background-image:var(--studio-grid),linear-gradient(90deg,#eaf3f8e0 0%,#eef6fca8 32%,#ffffff08 62%,transparent 80%);
  background-size:calc(92vw / 6) 240px,100% 100%;
  background-position:calc(4vw - 20px) -20px,0 0;
}
/* Quiet, uninterrupted surfaces behind longer passages. */
.services,.about,.contact {
  background-image:radial-gradient(ellipse at 90% 10%,#dfe9ef75,transparent 60%),linear-gradient(135deg,#f3f1e9,#edf2ed 55%,#eaeef3);
  background-size:100% 100%;
  background-position:0 0;
}
.lab-item {background-color:#f3f4f1;}
@media(max-width:760px) {
  .selected-projects,.services,.more-projects,.lab,.about,.contact {
    background-size:calc(88vw / 3) 200px,100% 100%,100% 100%;
    background-position:calc(6vw - 20px) -20px,0 0,0 0;
  }
  .hero-shell:before {
    background-image:var(--studio-grid),linear-gradient(180deg,#eaf4fbef 0%,#eef6fbc9 32%,#ffffff18 55%,transparent 73%);
    background-size:calc(88vw / 3) 200px,100% 100%;
    background-position:calc(6vw - 20px) -20px,0 0;
  }
}