/* Compact editorial portfolio, with a work ribbon and varied portrait rows. */
.hero{min-height:650px;padding-top:50px}.hero-copy{padding-bottom:28px}.hero-rule{margin-top:25px}.opening-collage{height:300px;position:relative;overflow:hidden;background:#800020;isolation:isolate}.ribbon-frame{position:absolute;display:block;overflow:hidden;box-shadow:0 5px 20px #0003}.ribbon-frame img{width:100%;height:100%;display:block;object-fit:cover}.frame-1{left:0;top:0;width:15%;height:120px}.frame-2{left:11%;top:90px;width:13%;height:145px}.frame-3{left:22%;top:15px;width:15%;height:110px}.frame-4{left:33%;top:155px;width:13%;height:145px}.frame-5{left:0;top:180px;width:14%;height:120px}.frame-6{left:19%;top:225px;width:14%;height:110px}.frame-7{right:0;top:0;width:16%;height:120px}.frame-8{right:12%;top:180px;width:14%;height:120px}.frame-9{right:0;top:135px;width:12%;height:145px}.frame-10{left:39%;top:-28px;width:13%;height:135px}.frame-11{right:27%;top:211px;width:20%;height:115px}.frame-12{left:27%;top:110px;width:13%;height:95px}.ribbon-title{position:absolute;left:48%;top:65px;color:#fff;font-size:clamp(22px,3vw,42px);line-height:1.05;letter-spacing:-.045em;text-shadow:0 2px 8px #800020}.ribbon-title strong{display:block;font-size:clamp(30px,4.5vw,66px);max-width:550px;letter-spacing:-.065em}.work,.showcase{padding:0;max-width:none;border:0}.category-banner{background:#800020;color:#fff;padding:30px 5% 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;position:relative;border-top:1px solid #ffffff25}.category-banner .section-heading{text-align:left;margin:0}.category-banner .section-heading h2{font-size:clamp(44px,7vw,100px);margin-top:10px;letter-spacing:-.065em}.category-banner .heading-dot{color:#fff}.category-banner .eyebrow{color:#ebcbd4}.category-banner .category-intro,.category-banner .showcase-intro,.category-banner .photo-meta{margin:0;padding:0;gap:20px;display:flex;align-items:center;justify-content:space-between;max-width:none}.category-banner .category-intro h3,.category-banner .showcase-intro h3{font-size:clamp(23px,2.6vw,38px)}.category-banner p,.category-banner .showcase-intro h3 span{color:#f2dbe2}.category-banner .category-intro p{margin-top:12px;font-size:14px;line-height:1.5}.category-banner .section-mascot{width:190px;height:190px;mix-blend-mode:normal;border-radius:50%;object-fit:contain;background:#fff;padding:8px}.category-banner .photo-meta p{font-size:16px;max-width:220px}.collage-board{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;background:#101010;padding:5px}.work-piece{grid-column:span 4}.work-piece:nth-child(4),.work-piece:nth-child(5){grid-column:span 6}.work-piece:nth-child(n+6){grid-column:span 3}.work-label h3{font-size:clamp(15px,2vw,28px)}.work-poster{aspect-ratio:9/16}.work-collage .draft-note{margin:0;padding:22px 5%;background:#fff}.showcase-image{width:100%;display:block}.studio{padding-top:55px;padding-bottom:55px}.contact{padding-top:55px;padding-bottom:55px}footer{padding-block:25px}
@media(min-width:1500px){.collage-board{padding-inline:max(5px,calc((100vw - 1500px)/2))}.showcase-image{max-height:1100px;object-fit:contain;background:#101010}}
@media(max-width:900px){.category-banner{grid-template-columns:1fr;gap:12px;padding-top:25px}.category-banner .section-heading h2{font-size:56px}.category-banner .category-intro,.category-banner .showcase-intro,.category-banner .photo-meta{justify-content:space-between}.category-banner .section-mascot{width:140px;height:140px}.category-banner .photo-meta p{max-width:60%}.category-banner .category-intro h3,.category-banner .showcase-intro h3{font-size:28px}}
@media(max-width:760px){.hero{min-height:790px;padding-top:25px}.hero-rule{margin-top:auto}.hero-art{background-size:auto 475px}.opening-collage{height:210px}.ribbon-title{left:39%;top:55px;font-size:20px;z-index:2;background:#800020d9;padding:8px}.ribbon-title strong{font-size:31px}.frame-1{width:21%;height:85px}.frame-2{left:12%;top:62px;width:21%;height:100px}.frame-3{left:27%;top:0;width:23%;height:60px}.frame-4{left:30%;top:151px;width:21%;height:70px}.frame-5{top:141px;width:20%;height:75px}.frame-6{left:20%;top:165px;width:14%;height:70px}.frame-7{width:23%;height:65px}.frame-8{right:15%;top:153px;width:22%;height:65px}.frame-9{right:0;top:85px;width:17%;height:105px}.frame-10{left:50%;top:-10px;width:20%;height:68px}.frame-11{right:30%;top:175px;width:15%;height:60px}.frame-12{left:25%;top:84px;width:17%;height:67px}.category-banner{padding:22px 5% 18px}.category-banner .section-heading h2{font-size:clamp(42px,9vw,62px)}.category-banner .category-intro h3,.category-banner .showcase-intro h3{font-size:24px}.category-banner .section-mascot{width:115px;height:115px}.category-banner .category-intro p{font-size:14px}.category-banner .photo-meta p{font-size:14px}.collage-board{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;padding:3px}.work-label h3{font-size:14px}.work-piece:nth-child(n+6){grid-column:span 6}.work-label{left:8px;bottom:10px}.draft-note .button{font-size:13px}.studio,.contact{padding-block:38px}.hero-bottom .button{margin-top:15px}}