@font-face {
  font-family:"Montserrat";
  src:url("fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

@font-face {
  font-family:"Encode Sans";
  src:url("fonts/EncodeSans-VariableFont_wdth,wght.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-stretch:75% 125%;
  font-display:swap;
}

:root {
  --accent:#F7F1A2;
  --heading-muted:#77756f;
  --bg:#fff;
  --ink:#000;
  --muted:#000;
  --line:#000;
  --pad:clamp(18px,3vw,48px);
  --max:1600px;
  --ease:cubic-bezier(.2,.75,.25,1);
  --nav-font-size:17px;
  --nav-line-height:1.35;
  --nav-gap:3px;
  --content-start:180px;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Montserrat",Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:1.5;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

a {
  color:inherit;
  text-decoration:none;
}

a:not(.work):hover,a:not(.work):focus-visible {
  color:var(--accent);
}

img {
  display:block;
  width:100%;
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

main {
  flex:1 0 auto;
}

.page-start {
  padding-top:var(--content-start);
}

.site-header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:50;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:30px;
  padding:22px var(--pad) 0;
}

.brand {
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  text-align:left;
}

.brand,.brand a {
  font-family:"Montserrat",Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.contact {
  grid-column:1;
  grid-row:1/span 2;
  align-self:start;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin-top:23.4px;
  color:var(--muted);
  font-size:12px;
}

.contact a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  color:var(--muted);
  transition:color .25s ease,transform .25s ease;
}

.contact a:hover,.contact a:focus-visible {
  color:var(--accent);
  transform:translateY(-2px);
}

.contact svg {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.site-nav {
  grid-column:2;
  grid-row:1/span 2;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:var(--nav-gap);
  text-align:right;
  font-size:var(--nav-font-size);
  line-height:var(--nav-line-height);
  text-transform:uppercase;
  letter-spacing:.02em;
}

.site-nav a {
  color:#000;
  transition:color .2s ease;
}

.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active {
  color:var(--accent);
}

.site-nav .legal-language-switch {
  --language-color:#000;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.35em;
  margin:14px 0 0;
  font-size:.82em;
  line-height:1.3;
  text-transform:uppercase;
}

.site-nav .legal-language-switch a {
  width:auto;
  padding:0;
  color:var(--language-color);
}

.site-nav .legal-language-switch a[aria-current="page"] {
  color:var(--heading-muted);
}

.site-nav .legal-language-switch a:hover,.site-nav .legal-language-switch a:focus-visible {
  color:var(--accent);
}

.mobile-menu-group {
  display:contents;
}

.menu-toggle {
  display:none;
}

.mobile-menu-contact {
  display:none;
}

.page-intro, .project-intro {
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad) clamp(55px,8vw,120px);
}

.page-intro h1, .project-intro h1 {
  max-width:1100px;
  margin:0;
  font:400 clamp(54px,8vw,125px)/.88 "Encode Sans",sans-serif;
  letter-spacing:-.065em;
}

.page-intro h1 em,.page-intro h1 .heading-secondary,.about-page h1 em {
  font-style:normal;
  color:var(--heading-muted);
}

.eyebrow {
  margin:0 0 22px;
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.page-intro>p:last-child {
  max-width:520px;
  margin:35px 0 0;
  color:#000;
  font-size:18px;
  line-height:1.55;
}

.portfolio-grid {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:center;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:0 var(--pad);
  column-gap:clamp(24px,3vw,52px);
  row-gap:clamp(36px,4vw,68px);
}

.portfolio-grid>.work {
  flex:0 1 calc((100% - 104px)/3);
  min-width:260px;
  max-width:520px;
}

.work {
  position:relative;
  display:block;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
}

.work.ratio-1-1 {
  aspect-ratio:1/1;
}

.work.ratio-3-4 {
  aspect-ratio:3/4;
}

.work.ratio-16-9 {
  aspect-ratio:16/9;
}

.work.ratio-4-3 {
  aspect-ratio:4/3;
}

.work img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s var(--ease),filter .5s ease;
}

.work:hover img {
  transform:scale(1.035);
  filter:saturate(1.06);
}

.work-meta {
  position:absolute;
  left:16px;
  bottom:14px;
  padding:0;
  background:transparent;
  font-size:18px;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:0;
  transition:.35s var(--ease);
}

.work:hover .work-meta,.work:focus-visible .work-meta {
  opacity:1;
  transform:none;
}

.portfolio-cta {
  max-width:var(--max);
  margin:clamp(90px,14vw,200px) auto;
  padding:0 var(--pad);
  text-align:center;
}

.portfolio-cta h2 {
  margin:0 0 14px;
  font:500 clamp(25px,3.6vw,48px)/1.15 "Encode Sans",sans-serif;
  letter-spacing:-.035em;
}

.portfolio-cta p {
  margin:0 0 22px;
  color:var(--ink);
  font-size:clamp(14px,1.5vw,18px);
  line-height:1.5;
}

.portfolio-cta a {
  font:500 clamp(13px,1.4vw,17px)/1.4 "Montserrat",sans-serif;
  letter-spacing:.03em;
  text-decoration:none;
}

.about-page {
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
}

.about-page.legal-page {
  max-width:none;
  width:100%;
  margin:0;
  padding:0 var(--pad);
}

.about-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:8vw;
  align-items:start;
  padding-bottom:clamp(100px,15vw,220px);
}

.about-intro {
  min-width:0;
}

.about-intro .about-copy {
  max-width:680px;
  margin-top:35px;
}

.about-portrait {
  margin:0;
  padding:0;
}

.about-portrait img {
  display:block;
  width:100%;
  height:auto;
}

.about-page h1 {
  margin:0;
  font:400 clamp(44px,6vw,90px)/.95 "Encode Sans",sans-serif;
  letter-spacing:-.06em;
}

.about-copy {
  max-width:600px;
  font-size:20px;
  line-height:1.55;
}

.about-copy p {
  margin:0 0 25px;
}

.cv,.clients {
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:8vw;
  padding:55px 0;
  border-top:1px solid var(--line);
}

.cv-list>div {
  display:grid;
  grid-template-columns:150px 1fr;
  gap:25px;
  align-items:start;
  padding:0 0 24px;
}

.cv-list > div > span {
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.cv-list strong {
  font-size:18px;
  line-height:1.4;
  font-weight:400;
}

.client-list {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  font:400 clamp(20px,2.5vw,36px)/1.05 "Encode Sans",sans-serif;
  letter-spacing:-.035em;
}

.project-page {
  width:100%;
  margin:0;
  padding:0 0 120px;
}

.project-intro>p:not(.eyebrow) {
  max-width:520px;
  margin:35px 0 0;
  color:#000;
  font:400 18px/1.55 "Montserrat",sans-serif;
}

.lightbox-only {
  display:none;
}

.project-part {
  position:relative;
  padding-top:clamp(32px,4vw,56px);
  margin-top:clamp(72px,9vw,130px);
}

.project-part:not(.project-part-first)::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:calc(100% - 2 * var(--pad));
  max-width:calc(var(--max) - 2 * var(--pad));
  transform:translateX(-50%);
  border-top:1px solid var(--line);
}

.project-part-first {
  padding-top:0;
  margin-top:0;
}

.project-part-heading {
  width:61.8vw;
  max-width:calc(100vw - (2 * var(--pad)));
  margin:0 auto clamp(32px,4vw,56px);
}

.project-part-heading h2 {
  margin:0;
  font:400 clamp(32px,4.2vw,68px)/1 "Encode Sans",sans-serif;
  letter-spacing:-.045em;
}

.project-part-heading .project-details {
  max-width:520px;
  margin:18px 0 0;
  font:400 18px/1.55 "Montserrat",sans-serif;
}

.project-gallery {
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  width:61.8vw;
  max-width:calc(100vw - (2 * var(--pad)));
  margin-left:auto;
  margin-right:auto;
}

.ona-hotel-gallery {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 4px;
}

.ona-hotel-gallery .project-image:last-child {
  grid-column:1/-1;
}

.social-media-gallery {
  display:block;
}

.social-media-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.social-media-grid .project-image {
  margin:0;
}

.social-media-grid .project-image img {
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}

.project-image {
  margin:0;
}

.social-media-mockup {
  width:30%;
  margin:clamp(72px,8vw,120px) auto 0;
}

.social-media-mockup img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.project-image-medium {
  width:61.8%;
  justify-self:center;
}

.project-image img {
  width:100%;
  height:auto;
}

.project-navigation {
  margin:clamp(80px,12vw,160px) var(--pad) 0;
}

.project-navigation a {
  font:400 clamp(26px,3vw,46px)/1 "Encode Sans",sans-serif;
  letter-spacing:-.04em;
}

.site-footer {
  display:flex;
  align-items:flex-end;
  gap:28px;
  width:100%;
  margin:0 auto;
  padding:54px var(--pad) 48px;
  border-top:1px solid #000;
  color:#fff;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.07em;
  background:#000;
  flex-shrink:0;
  justify-content:space-between;
}

.footer-copy {
  margin:0;
  text-align:left;
}

.footer-links {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  text-align:right;
}

.footer-links a {
  color:inherit;
  font:inherit;
  line-height:inherit;
  white-space:nowrap;
}

.footer-links a:hover,.footer-links a:focus-visible {
  color:var(--accent);
}

.reveal {
  opacity:0;
  transition:opacity .8s var(--ease);
}

.reveal.visible {
  opacity:1;
}

body.lightbox-open {
  overflow:hidden;
}

.lightbox {
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:48px 72px;
}

.lightbox.is-open {
  display:flex;
}

.lightbox-image {
  display:block;
  max-width:min(88vw,1600px);
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
}

.lightbox-caption {
  position:absolute;
  left:var(--pad);
  bottom:24px;
  margin:0;
  font-size:14px;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.lightbox-close,.lightbox-prev,.lightbox-next {
  position:absolute;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  cursor:pointer;
  padding:12px;
  line-height:1;
}

.lightbox-close {
  top:18px;
  right:22px;
  font-size:30px;
}

.lightbox-prev,.lightbox-next {
  top:50%;
  transform:translateY(-50%);
  font-size:32px;
}

.lightbox-prev {
  left:20px;
}

.lightbox-next {
  right:20px;
}

.lightbox button:focus-visible {
  outline:1px solid currentColor;
  outline-offset:3px;
}

.work[data-lightbox] {
  cursor:zoom-in;
}

.lightbox-action {
  position:absolute;
  right:var(--pad);
  bottom:24px;
  color:var(--ink);
  font-size:13px;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding-bottom:3px;
  z-index:2;
}

.lightbox-action[hidden] {
  display:none;
}

.name-group {
  white-space:nowrap;
}

.art-availability {
  max-width:680px;
  margin:clamp(85px,12vw,155px) auto 0;
  padding:0 var(--pad);
  text-align:center;
}

.art-availability p {
  margin:0 0 12px;
  font-size:clamp(13px,1.35vw,16px);
  line-height:1.65;
}

.art-availability p+p {
  color:var(--ink);
}

.art-availability a {
  display:inline-block;
  margin-top:9px;
  font:500 clamp(13px,1.3vw,16px)/1.4 "Montserrat",sans-serif;
  letter-spacing:.03em;
  text-decoration:none;
}

.art-availability + .portfolio-cta {
  margin-top:clamp(75px,10vw,130px);
}

.legal-heading-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.legal-heading-row .eyebrow {
  margin:0;
}

.legal-page .about-copy>h1 {
  margin-bottom:35px;
}

#logo .podring-logo-display {
  width:48%;
  max-width:540px;
  margin:clamp(72px,9vw,140px) auto 0;
  justify-self:center;
}

.project-gallery .reist-icon-display {
  width:62%;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  justify-self:center;
}

.project-gallery .reist-icon-display:nth-of-type(3) {
  margin-top:clamp(72px,9vw,140px);
}

.reist-schaumstoffe-gallery {
  row-gap:clamp(110px,17vw,200px);
}

.reist-schaumstoffe-gallery .project-image {
  width:48%;
  justify-self:center;
}

a:focus-visible,[role="button"]:focus-visible {
  outline:2px solid currentColor;
  outline-offset:4px;
}

@media (min-width:761px) {
  .work {
    isolation:isolate;
  }
  .work::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:#000;
    opacity:0;
    pointer-events:none;
    transition:opacity .35s ease;
  }
  .work:hover::after,.work:focus-visible::after {
    opacity:1;
  }
  .work-meta {
    z-index:2;
    color:#fff;
    text-align:left;
  }
  .work-title {
    display:block;
    font-size:clamp(19px,1.6vw,26px);
    line-height:1.1;
  }
  .work-type {
    display:block;
    font-size:13px;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .work-action {
    display:block;
    margin-top:10px;
    font-size:13px;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}

@media (max-width:1050px) and (min-width:761px) {
  .portfolio-grid>.work {
    flex-basis:calc((100% - 36px)/2);
    max-width:560px;
  }
}

@media (max-width:760px) {
  :root {
    --content-start:88px;
  }
  .project-part-heading {
    width:calc(100% - (2 * var(--pad)));
    max-width:none;
  }
  .project-gallery {
    width:calc(100% - (2 * var(--pad)));
    max-width:none;
  }
  .project-image-medium {
    width:100%;
  }
  .ona-hotel-gallery {
    grid-template-columns:1fr;
    gap:24px;
  }
  .ona-hotel-gallery .project-image:last-child {
    grid-column:auto;
  }
  .social-media-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .social-media-mockup {
    width:45%;
    margin-top:56px;
  }
  .site-header {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto 1fr;
    column-gap:18px;
    padding:18px var(--pad) 0;
    transition:background-color .2s ease;
  }
  .brand {
    grid-column:1;
    grid-row:1;
    display:block;
    justify-self:start;
    padding-right:50px;
    text-align:left;
  }
  .site-header>.contact {
    display:none;
  }
  .contact a,.contact svg {
    width:23px;
    height:23px;
  }
  .menu-toggle {
    display:flex;
    grid-column:2;
    grid-row:1;
    align-self:start;
    justify-self:end;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    width:32px;
    height:30px;
    padding:5px 0;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  .menu-toggle span {
    width:100%;
    height:1px;
    background:var(--ink);
    transition:.25s;
  }
  .site-nav {
    position:fixed;
    top:var(--mobile-menu-start,130px);
    left:var(--pad);
    right:var(--pad);
    bottom:0;
    display:none;
    width:auto;
    min-height:0;
    margin:0;
    overflow-y:auto;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    padding:0 0 max(28px,env(safe-area-inset-bottom));
    border:0;
    background:transparent;
    text-align:center;
  }
  .site-header.menu-open {
    height:100dvh;
    min-height:100vh;
    background:#000;
    color:#fff;
    overflow:hidden;
  }
  .site-header.menu-open .brand a {
    color:#fff;
  }
  .site-header.menu-open .menu-toggle span {
    background:#fff;
  }
  .site-header.menu-open .menu-toggle span:first-child {
    transform:translateY(4px) rotate(45deg);
  }
  .site-header.menu-open .menu-toggle span:last-child {
    transform:translateY(-4px) rotate(-45deg);
  }
  .site-header.menu-open .site-nav {
    display:flex;
  }
  .site-nav .mobile-menu-group {
    display:flex;
    flex:1 0 auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    padding-bottom:46px;
  }
  .site-nav .mobile-menu-contact {
    display:flex;
    align-self:center;
    align-items:center;
    flex-shrink:0;
    gap:18px;
    color:#fff;
  }
  .site-nav .mobile-menu-contact a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    padding:0;
    color:#fff;
  }
  .site-nav .mobile-menu-contact svg {
    display:block;
    width:36px;
    height:36px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .site-nav .mobile-menu-contact a:hover,.site-nav .mobile-menu-contact a:focus-visible {
    color:var(--accent);
  }
  .site-nav .mobile-menu-group>a {
    width:100%;
    flex-shrink:0;
    padding:0 0 22px;
    color:#fff;
    font:400 clamp(32px,10.5vw,70px)/.88 "Encode Sans",sans-serif;
    letter-spacing:-.025em;
    text-transform:capitalize;
    white-space:nowrap;
    text-align:center;
  }
  .site-header.menu-open .site-nav .legal-language-switch {
    --language-color:#fff;
    justify-content:center;
    flex-shrink:0;
    margin-top:24px;
    font-size:18px;
    letter-spacing:.02em;
  }
  .site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active {
    color:var(--accent);
  }
  .page-intro h1,.project-intro h1 {
    font-size:clamp(48px,15vw,76px);
  }
  .page-intro h1,.project-intro h1,.about-page h1,.project-part-heading h2 {
    overflow-wrap:anywhere;
    -webkit-hyphens:auto;
    hyphens:auto;
  }
  .project-intro>p,.project-part-heading .project-details,.about-copy {
    overflow-wrap:anywhere;
  }
  .page-intro>p:last-child {
    margin-top:22px;
  }
  .portfolio-grid {
    column-gap:0;
    row-gap:var(--mobile-work-gap,24px);
  }
  .portfolio-grid>.work {
    flex-basis:100%;
    min-width:0;
    max-width:100%;
  }
  .work.ratio-1-1,.work.ratio-3-4,.work.ratio-16-9,.work.ratio-4-3 {
    aspect-ratio:auto;
  }
  .work img {
    height:auto;
  }
  .work.ratio-1-1 img {
    aspect-ratio:1/1;
  }
  .work.ratio-3-4 img {
    aspect-ratio:3/4;
  }
  .work.ratio-16-9 img {
    aspect-ratio:16/9;
  }
  .work.ratio-4-3 img {
    aspect-ratio:4/3;
  }
  .work-meta {
    position:static;
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:6px 14px;
    padding-top:6px;
    color:#000;
    opacity:1;
    text-transform:none;
    letter-spacing:0;
    transition:none;
  }
  .work-title {
    display:block;
    flex:1 1 160px;
    font-size:16px;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  .work-type {
    display:none;
  }
  .work-action {
    display:block;
    flex:0 0 auto;
    font-size:12px;
    line-height:1.4;
    letter-spacing:.03em;
  }
  .about-grid,.cv,.clients {
    grid-template-columns:1fr;
    gap:35px;
  }
  .about-copy {
    font-size:18px;
    line-height:1.55;
  }
  .cv,.clients {
    padding:40px 0;
  }
  .cv-list>div {
    grid-template-columns:105px 1fr;
    gap:14px;
  }
  .client-list {
    grid-template-columns:1fr;
  }
  .site-footer {
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding-top:42px;
    padding-bottom:38px;
  }
  .lightbox {
    padding:56px 18px calc(128px + env(safe-area-inset-bottom));
  }
  .lightbox-image {
    max-width:100%;
    max-height:calc(100vh - 184px - env(safe-area-inset-bottom));
    max-height:calc(100dvh - 184px - env(safe-area-inset-bottom));
  }
  .lightbox-prev,.lightbox-next {
    top:auto;
    bottom:calc(18px + env(safe-area-inset-bottom));
    transform:none;
    font-size:28px;
  }
  .lightbox-prev {
    left:14px;
  }
  .lightbox-next {
    right:14px;
  }
  .lightbox-caption {
    left:50%;
    bottom:calc(27px + env(safe-area-inset-bottom));
    max-width:65%;
    transform:translateX(-50%);
    text-align:center;
    font-size:12px;
  }
  .lightbox-close {
    top:10px;
    right:10px;
  }
  .lightbox-action {
    right:18px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    display:flex;
    align-items:center;
    min-height:44px;
    font-size:14px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  .contact a,.site-nav a,.menu-toggle span,.work img,.work::after,.work-meta,.reveal {
    transition:none;
    animation:none;
  }
}

@media (max-width:480px) {
  .social-media-grid {
    grid-template-columns:1fr;
  }
  .social-media-mockup {
    width:65%;
  }
}

@media(max-width:600px) {
  .legal-heading-row {
    margin-bottom:22px;
  }
  .legal-page .about-copy>h1 {
    margin-bottom:28px;
  }
}

@media(max-width:700px) {
  #logo .podring-logo-display {
    width:72%;
  }
  .project-gallery .reist-icon-display {
    width:82%;
  }
}