:root{--black:#101010;--charcoal:#1a1a1a;--charcoal-2:#242424;--white:#f5f3ef;--muted:#aaa8a3;--orange:#f15a24;--orange-dark:#c94416;--line:rgba(255,255,255,.14);--light-line:rgba(16,16,16,.14);--font-display:'Barlow Condensed',Impact,sans-serif;--font-body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:var(--font-body);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.announcement{align-items:center;background:var(--orange);color:#150c08;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.13em;min-height:32px;padding:7px 32px;text-transform:uppercase}.status-dot{background:#111;border-radius:50%;display:inline-block;height:6px;width:6px}.announcement-detail{margin-left:auto;opacity:.75}.site-header{background:var(--black);color:var(--white);position:relative;z-index:10}.nav{align-items:center;display:flex;height:86px;justify-content:space-between}.brand{align-items:center;display:inline-flex;gap:13px}.brand-mark{display:grid;height:53px;place-items:center;overflow:hidden;width:48px}.brand-mark img{height:100%;object-fit:cover;width:100%}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.055em;line-height:.8}.brand-name span{display:block;font-family:var(--font-body);font-size:7px;font-weight:700;letter-spacing:.23em;margin-top:7px}.nav-menu{align-items:center;display:flex;gap:35px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-menu>a:not(.nav-cta){opacity:.72;transition:opacity .2s}.nav-menu>a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.38);padding:11px 16px;transition:background .2s,border .2s}.nav-cta:hover,.nav-cta.active{background:var(--orange);border-color:var(--orange);color:#111}.nav-cta span,.button span{font-size:17px;margin-left:12px}.nav-toggle{background:none;border:0;display:none;padding:10px}.nav-toggle span{background:var(--white);display:block;height:2px;margin:5px;width:22px}.hero{background:var(--black);color:var(--white);min-height:calc(100vh - 118px);overflow:hidden;position:relative}.hero-grid{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:74px 74px;height:100%;inset:0;mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 75%);opacity:.35;position:absolute}.hero-sun{background:radial-gradient(circle,rgba(241,90,36,.55) 0,rgba(178,64,23,.2) 33%,transparent 68%);height:650px;position:absolute;right:-80px;top:-180px;width:650px}.hero-inner{align-items:center;display:grid;gap:30px;grid-template-columns:1.03fr .97fr;min-height:calc(100vh - 168px);position:relative}.hero-copy{padding:70px 0 100px;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;margin:0 0 25px;text-transform:uppercase}.eyebrow-line{background:var(--orange);display:inline-block;height:2px;margin:0 9px 3px 0;width:24px}.light{color:var(--white)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:.89;text-transform:uppercase}h1{font-size:clamp(75px,9.2vw,142px);letter-spacing:-.025em;margin-bottom:29px}h1 em,h2 em{color:var(--orange);font-style:normal}h2{font-size:clamp(54px,6.1vw,86px);letter-spacing:-.015em;margin-bottom:27px}h3{font-size:34px;letter-spacing:.01em;margin-bottom:13px}.hero-lede{color:#c4c2bd;font-size:16px;line-height:1.8;max-width:480px}.hero-actions{align-items:center;display:flex;gap:29px;margin-top:35px}.button{align-items:center;border:0;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;letter-spacing:.1em;padding:16px 20px;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-orange{background:var(--orange);color:#111}.button-orange:hover{background:#ff6a33}.button-dark{background:var(--black);color:var(--white)}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-link span{font-size:16px;margin-left:10px}.text-link.light{border-color:rgba(255,255,255,.4)}.text-link.dark{border-color:var(--black)}.hero-proof{border-top:1px solid var(--line);display:flex;gap:40px;margin-top:65px;padding-top:18px}.hero-proof div{align-items:start;display:flex;gap:9px}.hero-proof strong{color:var(--orange);font-family:var(--font-display);font-size:19px}.hero-proof span{color:#aaa8a3;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.hero-image{align-self:stretch;min-height:540px;position:relative}.hero-image:before{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%),linear-gradient(30deg,transparent 48%,rgba(241,90,36,.32) 49%,transparent 50%);content:"";inset:9% -15% 7% 0;position:absolute;transform:skewX(-12deg)}.hero-image-label{color:rgba(255,255,255,.48);font-size:9px;font-weight:800;letter-spacing:.2em;position:absolute;right:0;top:22%;transform:rotate(90deg);transform-origin:right}.hero-image-caption{bottom:15%;color:rgba(255,255,255,.53);display:flex;font-size:9px;font-weight:800;justify-content:space-between;left:0;letter-spacing:.13em;position:absolute;right:6%}.scaffold-art{height:460px;position:absolute;right:3%;top:23%;transform:skewY(-1deg);width:87%}.scaffold-art i{display:block;position:absolute}.rail{background:linear-gradient(90deg,#686868,#e7e7e7 42%,#4c4c4c);height:8px;transform:skewY(-26deg);width:100%}.rail-a{top:25%;width:100%}.rail-b{top:48%;width:100%}.rail-c{top:71%;width:100%}.rail-d{top:93%;width:100%}.platform{background:linear-gradient(#bbb,#4a4a4a);height:13px;transform:skewY(-26deg);width:103%}.platform-a{top:23%}.platform-b{top:46%}.platform-c{top:69%}.leg{background:linear-gradient(90deg,#444,#ddd 35%,#555 75%);height:100%;transform:skewX(-20deg);width:8px}.leg-a{left:8%;top:22%}.leg-b{left:35%;top:22%}.leg-c{left:63%;top:22%}.leg-d{right:3%;top:22%}.brace{border-top:3px solid rgba(241,90,36,.85);height:100px;transform:rotate(-27deg);width:2px}.brace-a{left:20%;top:27%}.brace-b{left:47%;top:50%}.brace-c{left:76%;top:27%}.hero-edge{align-items:center;bottom:22px;color:rgba(255,255,255,.4);display:flex;font-size:9px;font-weight:800;gap:13px;letter-spacing:.17em;position:absolute;right:calc((100% - min(1180px,calc(100% - 64px)))/2);writing-mode:vertical-rl}.edge-line{background:var(--orange);height:42px;width:1px}.section-pad{padding:120px 0}.intro-grid{display:grid;gap:50px;grid-template-columns:1fr 2fr}.section-kicker{color:#555;margin-bottom:27px}.section-kicker.orange{color:var(--orange)}.intro h2{font-size:clamp(55px,6.4vw,90px)}.intro h2 span{color:#85827c}.intro-copy{color:#5a5853;font-size:17px;line-height:1.9;max-width:610px}.intro .text-link{display:inline-block;margin-top:12px}.section-dark{background:var(--charcoal);color:var(--white)}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:58px}.section-heading h2{margin-bottom:0}.heading-note{color:#aaa8a3;font-size:14px;line-height:1.7;text-align:right}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{background:#242424;display:flex;flex-direction:column;grid-column:span 2;min-height:300px;padding:27px 27px 24px;transition:background .25s,transform .25s}.service-card:hover{background:#303030;transform:translateY(-5px)}.service-card.featured{background:var(--orange);color:#111;grid-column:span 2;grid-row:span 2;min-height:612px}.service-card:nth-child(4){grid-column:span 3}.service-card:nth-child(5){grid-column:span 3}.service-icon{font-size:35px;line-height:1;margin-bottom:auto}.card-number{font-family:var(--font-display);font-size:16px;margin:0 0 12px;opacity:.6}.service-card p:not(.card-number){color:#bbb9b4;font-size:13px;line-height:1.7;margin-bottom:22px}.service-card.featured p:not(.card-number){color:#28130c}.service-card a{border-bottom:1px solid rgba(255,255,255,.3);font-size:10px;font-weight:800;letter-spacing:.1em;margin-top:auto;padding-bottom:9px;text-transform:uppercase}.service-card.featured a{border-color:rgba(0,0,0,.4)}.service-card a span{float:right;font-size:15px}.why{background:#e5e2dc}.why-grid{display:grid;gap:10%;grid-template-columns:1fr 1fr}.why-visual{background:#242424;min-height:610px;overflow:hidden;position:relative}.vertical-label{color:#bbb9b4;font-size:9px;font-weight:800;left:25px;letter-spacing:.17em;position:absolute;top:30px;writing-mode:vertical-rl}.sun-disc{background:radial-gradient(circle at 53% 44%,#ffbc80 0,#f15a24 30%,#ad3715 54%,transparent 55%);height:560px;left:-7%;position:absolute;top:8%;width:560px}.why-bars{bottom:0;display:flex;gap:13px;left:26%;position:absolute;transform:skewX(-21deg);width:75%}.why-bars i{background:linear-gradient(90deg,#4c4c4c,#ddd 35%,#555);height:410px;width:13px}.why-stamp{border:2px solid rgba(255,255,255,.55);border-radius:50%;color:var(--white);font-family:var(--font-display);font-size:43px;height:125px;letter-spacing:.08em;line-height:115px;position:absolute;right:30px;text-align:center;top:30px;transform:rotate(12deg);width:125px}.why-stamp span{color:var(--orange);font-size:15px;vertical-align:top}.why-copy{padding:25px 0}.why-copy>p:not(.section-kicker){color:#5a5853;font-size:16px;line-height:1.8;max-width:485px}.benefit-list{border-top:1px solid var(--light-line);list-style:none;margin:38px 0;padding:0}.benefit-list li{align-items:center;border-bottom:1px solid var(--light-line);display:flex;gap:18px;padding:17px 0}.benefit-list li>span{color:var(--orange);font-family:var(--font-display);font-size:18px}.benefit-list strong,.benefit-list small{display:block}.benefit-list strong{font-size:13px}.benefit-list small{color:#706d68;font-size:11px;margin-top:3px}.compliance{background:var(--black);color:var(--white);padding:75px 0}.compliance-inner{align-items:center;display:grid;gap:34px;grid-template-columns:80px 1.1fr 1.1fr 1fr}.compliance-badge{border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:40px;height:72px;line-height:65px;text-align:center;width:72px}.compliance h2{font-size:46px;margin:0}.compliance-inner>p{color:#aaa8a3;font-size:13px;line-height:1.7;margin:0}.compliance-tags{display:flex;flex-wrap:wrap;gap:8px}.compliance-tags span{border:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.1em;padding:8px 10px;text-transform:uppercase}.projects{background:#ebe6dc}.projects-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:42px}.projects-heading h2{margin:0}.projects-heading>p{color:#6b6964;font-size:14px;line-height:1.7;max-width:315px}
.project-tile{background:transparent;display:flex;flex-direction:column;margin:0}
.project-photo{aspect-ratio:4/3;background:#242424;border-radius:2px;margin:0;overflow:hidden;position:relative}
.project-photo img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease;width:100%}
.project-tile:hover .project-photo img{transform:scale(1.04)}
.project-photo .tile-note{bottom:14px;color:rgba(255,255,255,.88);font-size:9px;font-weight:800;left:16px;letter-spacing:.15em;position:absolute;text-shadow:0 1px 8px rgba(0,0,0,.55);z-index:1}
.tile-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 1px}
.tile-meta strong{font-size:13px}
.tile-meta span{color:#77736d;font-size:11px}.quote-banner{background:var(--charcoal);color:var(--white);min-height:515px;overflow:hidden;position:relative}.quote-shape{border:1px solid rgba(241,90,36,.35);border-radius:50%;height:800px;position:absolute;right:-60px;top:-150px;width:800px}.quote-shape:after{border:1px solid rgba(241,90,36,.16);border-radius:50%;content:"";height:620px;left:88px;position:absolute;top:88px;width:620px}.quote-inner{padding:105px 0;position:relative}.quote-inner h2{font-size:clamp(65px,8vw,115px);margin-bottom:23px}.quote-inner>p:not(.section-kicker){color:#aaa8a3;font-size:16px;margin-bottom:30px}.site-footer{background:var(--black);color:var(--white);padding:65px 0 23px}.footer-top{display:flex;justify-content:space-between}.footer-links{display:flex;gap:115px}.footer-links>div{display:flex;flex-direction:column;gap:7px}.footer-label{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:10px;text-transform:uppercase}.footer-links a{color:#aaa8a3;font-size:12px}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--line);color:#73716e;display:flex;font-size:10px;justify-content:space-between;margin-top:65px;padding-top:17px}.footer-bottom a{color:#aaa8a3}.contact-hero{background:var(--black);color:var(--white);min-height:390px;overflow:hidden;position:relative}.contact-hero:after{background:linear-gradient(135deg,transparent 37%,rgba(241,90,36,.34) 38%,transparent 39%);content:"";inset:0;position:absolute}.contact-hero-inner{padding:77px 0;position:relative;z-index:1}.contact-hero h1{font-size:clamp(70px,8vw,110px);margin-bottom:20px}.contact-hero-inner>p:last-child{color:#aaa8a3;font-size:16px;max-width:420px}.contact-main{background:#e5e2dc}.contact-grid{display:grid;gap:12%;grid-template-columns:.8fr 1.2fr}.contact-aside h2{font-size:clamp(53px,5.5vw,78px)}.contact-aside>p:not(.section-kicker){color:#5a5853;font-size:15px;line-height:1.8;max-width:390px}.contact-facts{border-top:1px solid var(--light-line);margin-top:42px}.contact-facts>div{border-bottom:1px solid var(--light-line);display:grid;gap:13px;grid-template-columns:30px 1fr;padding:16px 0}.contact-facts span{color:var(--orange);font-family:var(--font-display);font-size:17px}.contact-facts strong,.contact-facts small{display:block}.contact-facts strong{font-size:13px}.contact-facts small{color:#706d68;font-size:11px}.form-wrap{background:var(--white);padding:43px 45px}.form-row{margin-bottom:24px}.form-row label{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.form-row label span{color:var(--orange)}input,textarea{background:transparent;border:0;border-bottom:1px solid #b9b6b0;border-radius:0;color:var(--black);outline:0;padding:11px 0;width:100%}input:focus,textarea:focus{border-color:var(--orange)}textarea{border:1px solid #b9b6b0;padding:12px;resize:vertical}.two-col{display:grid;gap:30px;grid-template-columns:1fr 1fr}.form-submit{margin-top:7px}.form-note{color:#7b7872;font-size:10px;margin:15px 0 0}.success-message{align-items:flex-start;background:#e9f4e7;color:#265325;display:none;gap:13px;margin-top:25px;padding:17px}.success-message.show{display:flex}.success-message>span{font-size:22px}.success-message strong{font-size:12px}.success-message p{font-size:11px;margin:3px 0 0}.form-row.invalid input,.form-row.invalid textarea{border-color:var(--orange)}@media(max-width:850px){.container{width:min(100% - 40px,650px)}.announcement{padding-left:20px;padding-right:20px}.announcement-detail{display:none}.nav{height:76px}.nav-toggle{display:block}.nav-menu{background:var(--black);display:none;left:0;padding:18px 20px 25px;position:absolute;right:0;top:76px}.nav-menu.open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.nav-cta{text-align:center}.hero-inner{display:block;min-height:auto}.hero-copy{padding:85px 0 50px}.hero-image{min-height:400px}.hero-edge{display:none}.intro-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.section-pad{padding:80px 0}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card.featured,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1;grid-row:auto;min-height:280px}.service-card.featured{min-height:330px}.why-visual{min-height:450px}.compliance-inner{grid-template-columns:70px 1fr}.compliance-inner>p,.compliance-tags{grid-column:2}.projects-heading{align-items:start;flex-direction:column;gap:20px}.project-grid{grid-template-columns:1fr 1fr}.footer-top{gap:45px;flex-direction:column}.footer-links{gap:50px}.contact-hero{min-height:350px}}@media(max-width:520px){h1{font-size:68px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-proof{gap:17px;justify-content:space-between}.hero-proof div{gap:5px}.hero-proof span{font-size:8px}.hero-image{min-height:310px}.scaffold-art{height:280px;top:24%}.intro h2{font-size:52px}.section-heading{align-items:start;flex-direction:column;gap:20px}.heading-note{text-align:left}.service-grid{grid-template-columns:1fr}.service-card,.service-card.featured,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1}.service-card.featured{min-height:300px}.why-visual{min-height:360px}.why-stamp{font-size:32px;height:95px;line-height:87px;width:95px}.sun-disc{height:400px;width:400px}.why-bars i{height:300px;width:9px}.compliance-inner{grid-template-columns:1fr}.compliance-inner>p,.compliance-tags{grid-column:1}.compliance h2{font-size:42px}.footer-links{flex-direction:column;gap:30px}.footer-bottom{align-items:start;flex-direction:column;gap:11px;margin-top:45px}.form-wrap{padding:30px 22px}.two-col{gap:0;grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.contact-hero h1{font-size:65px}}

.footer-links .owner-line { margin: 0 0 .35rem; color: #f4f4f4; }
.footer-links .footer-location { display: block; margin-top: .55rem; color: #9a9a9a; font-size: .9rem; }
.owner-card { margin: 0 0 1.75rem; padding: 1.1rem 1.2rem; border: 1px solid rgba(241,90,36,.35); background: linear-gradient(135deg, #141414, #1c1c1c); border-radius: 12px; }
.owner-card strong { display: block; font-size: 1.15rem; margin: .25rem 0 .35rem; }
.owner-card a { color: #ff7a3d; }


/* Album-style project collage */
.projects{background:#ebe6dc}
.album-spread{
  background:linear-gradient(180deg,#f7f3ea 0%,#efe8da 100%);
  border:1px solid rgba(16,16,16,.08);
  box-shadow:0 18px 50px rgba(16,16,16,.08);
  display:grid;
  gap:0;
  grid-template-columns:42px 1fr;
  overflow:hidden;
  position:relative;
}
.album-spine{
  align-items:center;
  background:#1a1a1a;
  color:rgba(255,255,255,.72);
  display:flex;
  justify-content:center;
  writing-mode:vertical-rl;
}
.album-spine span{
  font-family:var(--font-display);
  font-size:13px;
  font-weight:700;
  letter-spacing:.28em;
  transform:rotate(180deg);
}
.album-grid{
  display:grid;
  gap:18px;
  grid-auto-flow:dense;
  grid-auto-rows:120px;
  grid-template-columns:repeat(6,1fr);
  padding:28px 28px 34px;
}
.project-tile{
  background:#fffef9;
  box-shadow:0 10px 24px rgba(16,16,16,.12),0 1px 0 rgba(255,255,255,.8) inset;
  cursor:zoom-in;
  display:flex;
  flex-direction:column;
  margin:0;
  padding:10px 10px 12px;
  transition:transform .28s ease,box-shadow .28s ease;
}
.project-tile:hover{
  box-shadow:0 16px 36px rgba(16,16,16,.18);
  transform:translateY(-4px) rotate(0deg)!important;
  z-index:2;
}
.project-tile.album-std{grid-column:span 2;grid-row:span 2}
.project-tile.album-wide{grid-column:span 3;grid-row:span 2}
.project-tile.album-tall{grid-column:span 2;grid-row:span 3}
.project-tile.album-hero{grid-column:span 3;grid-row:span 3}
.project-tile:nth-child(3n){transform:rotate(-1.1deg)}
.project-tile:nth-child(4n){transform:rotate(1.2deg)}
.project-tile:nth-child(5n){transform:rotate(-.6deg)}
.project-tile figure{margin:0}
.project-photo{
  aspect-ratio:auto;
  background:#242424;
  border-radius:1px;
  flex:1;
  margin:0;
  min-height:0;
  overflow:hidden;
  position:relative;
}
.project-photo img{
  display:block;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
  width:100%;
}
.project-tile:hover .project-photo img{transform:scale(1.05)}
.project-photo .tile-note{
  background:rgba(16,16,16,.55);
  border-radius:2px;
  bottom:10px;
  color:#fff;
  font-size:8px;
  font-weight:800;
  left:10px;
  letter-spacing:.14em;
  padding:4px 7px;
  position:absolute;
  text-shadow:none;
  z-index:1;
}
.tile-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:11px 4px 2px;
}
.tile-meta strong{
  font-family:var(--font-display);
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.1;
  text-transform:uppercase;
}
.tile-meta span{color:#8a857c;font-size:10px}

.album-lightbox[hidden]{display:none!important}
.album-lightbox{
  align-items:center;
  background:rgba(10,10,10,.92);
  display:flex;
  inset:0;
  justify-content:center;
  padding:40px 70px;
  position:fixed;
  z-index:100;
}
.album-lightbox-frame{
  background:#fffef9;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  margin:0;
  max-height:min(88vh,920px);
  max-width:min(92vw,980px);
  padding:14px 14px 18px;
}
.album-lightbox-frame img{
  display:block;
  max-height:min(72vh,780px);
  max-width:100%;
  object-fit:contain;
  width:auto;
}
.album-lightbox-frame figcaption{
  color:#333;
  font-family:var(--font-display);
  font-size:18px;
  letter-spacing:.04em;
  margin-top:12px;
  text-align:center;
  text-transform:uppercase;
}
.album-lightbox-close,.album-lightbox-nav{
  background:transparent;
  border:0;
  color:#fff;
  font-size:42px;
  line-height:1;
  padding:8px 14px;
  position:absolute;
}
.album-lightbox-close{right:18px;top:10px}
.album-lightbox-nav.prev{left:12px}
.album-lightbox-nav.next{right:12px}

@media(max-width:850px){
  .album-spread{grid-template-columns:28px 1fr}
  .album-grid{gap:14px;grid-auto-rows:90px;grid-template-columns:repeat(4,1fr);padding:18px}
  .project-tile.album-std,.project-tile.album-tall{grid-column:span 2;grid-row:span 2}
  .project-tile.album-wide,.project-tile.album-hero{grid-column:span 4;grid-row:span 3}
  .project-tile:nth-child(n){transform:none}
}
@media(max-width:520px){
  .album-spread{grid-template-columns:1fr}
  .album-spine{display:none}
  .album-grid{grid-auto-rows:auto;grid-template-columns:1fr 1fr;padding:14px}
  .project-tile.album-std,.project-tile.album-tall,.project-tile.album-wide,.project-tile.album-hero{grid-column:span 1;grid-row:auto}
  .project-photo{aspect-ratio:4/3;min-height:140px}
  .album-lightbox{padding:24px 12px}
  .album-lightbox-nav{display:none}
}