body.single-artwork{background:#fff;} .app-artwork-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:56px 36px;
margin-top:40px;
align-items:start;
}
@media (max-width: 767px){
.app-artwork-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:34px 18px;
}
}
.app-artwork-card a{
text-decoration:none;
color:#111;
display:block;
}
.app-artwork-card img{
width:100%;
aspect-ratio:5/4;
object-fit:cover;
display:block;
background:#f3f3f3;
}
.app-artwork-card h3{
font-size:1.05rem;
line-height:1.3;
margin:14px 0 8px;
font-weight:700;
color:#13233a;
}
.app-card-price,
.app-card-private,
.app-card-meta{
font-size:.95rem;
line-height:1.42;
color:#667;
margin:0;
}
.app-card-dimensions{
font-size:.9rem;
line-height:1.4;
color:#667;
margin:3px 0 0;
}
.app-large-artwork-grid{
grid-template-columns:repeat(24,minmax(0,1fr));
gap:58px 34px;
} .app-large-artwork-grid .app-format-100-x-80{grid-column:span 8;}
.app-large-artwork-grid .app-format-60-x-40{grid-column:span 7;}
.app-large-artwork-grid .app-format-50-x-40{grid-column:span 6;}
.app-large-artwork-grid .app-format-40-x-40{grid-column:span 6;}
.app-large-artwork-grid .app-format-40-x-30{grid-column:span 4;} .app-format-aware-grid{
grid-template-columns:repeat(24,minmax(0,1fr));
gap:58px 34px;
}
.app-format-aware-grid .app-format-100-x-80{grid-column:span 8;}
.app-format-aware-grid .app-format-60-x-40{grid-column:span 7;}
.app-format-aware-grid .app-format-50-x-40{grid-column:span 6;}
.app-format-aware-grid .app-format-40-x-40{grid-column:span 6;}
.app-format-aware-grid .app-format-40-x-30{grid-column:span 5;}
.app-format-aware-grid .app-format-30-x-25,
.app-format-aware-grid .app-format-30-x-20,
.app-format-aware-grid .app-format-25-x-25,
.app-format-aware-grid .app-format-24-x-18,
.app-format-aware-grid .app-format-20-x-20,
.app-format-aware-grid .app-format-20-x-15{grid-column:span 4;}
.app-format-aware-grid .app-format-15-x-15,
.app-format-aware-grid .app-format-15-x-10,
.app-format-aware-grid .app-format-10-x-10{grid-column:span 3;}
.app-gallery-pagination{
margin:48px 0 0;
}
.app-gallery-pagination ul{
display:flex;
flex-wrap:wrap;
gap:8px 12px;
list-style:none;
padding:0;
margin:0;
align-items:center;
}
.app-gallery-pagination li{
margin:0;
}
.app-gallery-pagination a,
.app-gallery-pagination span{
display:inline-flex;
min-width:36px;
height:36px;
padding:0 12px;
align-items:center;
justify-content:center;
border:1px solid #e2e2e2;
text-decoration:none;
color:#13233a;
font-weight:700;
line-height:1;
}
.app-gallery-pagination .current{
background:#13233a;
color:#fff;
border-color:#13233a;
}
.app-gallery-pagination a:hover{
border-color:#13233a;
} .app-wrap{
max-width:1280px;
margin:0 auto;
padding:48px 40px 40px;
}
.app-single-hero{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr);
grid-template-rows:auto auto;
column-gap:88px;
row-gap:42px;
align-items:start;
}
.app-main-image-wrap{grid-column:1;grid-row:1;}
.app-info-top{grid-column:2;grid-row:1;}
.app-thumbs-row{grid-column:1;grid-row:2;}
.app-details-row{
grid-column:2;
grid-row:2;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-self:start;
padding-top:24px;
}
.app-main-image{
aspect-ratio:5/4;
overflow:hidden;
background:#f6f6f6;
}
.app-main-image img{
width:100%;
aspect-ratio:5/4;
object-fit:cover;
display:block;
background:#f6f6f6;
}
.app-info{
padding-top:8px;
display:flex;
flex-direction:column;
justify-content:flex-start;
height:100%;
min-height:100%;
}
.app-info h1{
font-size:clamp(3rem,4.2vw,4rem);
line-height:.95;
letter-spacing:-.035em;
margin:0 0 26px;
font-weight:700;
}
.app-price{
font-size:1.45rem;
margin:0 0 6px;
font-weight:600;
}
.app-intro{
font-size:1.08rem;
line-height:1.65;
margin:22px 0 8px;
color:#1d1d1d;
}
.app-thumbs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:24px;
align-items:stretch;
}
.app-thumbs.has-video{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.app-thumbs a,
.app-video-thumb{
aspect-ratio:5/4;
width:100%;
display:flex;
height:100%;
align-items:center;
justify-content:center;
background:#f6f6f6;
overflow:hidden;
}
.app-thumbs a{
text-decoration:none;
}
.app-thumbs img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.app-video-thumb{
border:1px solid #ddd;
color:#111;
cursor:pointer;
flex-direction:column;
gap:8px;
font:inherit;
transition:background .2s ease,border-color .2s ease;
}
.app-video-thumb:hover{
background:#eee;
border-color:#aaa;
}
.app-video-play{
font-size:34px;
line-height:1;
}
.app-video-label{
font-size:.92rem;
font-weight:600;
}
.app-video-modal{
position:fixed;
inset:0;
z-index:9999;
background:rgba(0,0,0,.78);
display:flex;
align-items:center;
justify-content:center;
padding:28px;
}
.app-video-modal[hidden]{
display:none;
}
.app-video-modal-inner{
position:relative;
width:min(960px,100%);
}
.app-video-modal video{
width:100%;
height:auto;
display:block;
background:#000;
}
.app-video-close{
position:absolute;
top:-46px;
right:0;
border:0;
background:transparent;
color:#fff;
font-size:38px;
line-height:1;
cursor:pointer;
}
.app-purchase-panel{
margin:28px 0 0;
padding:22px 0 0;
border-top:1px solid #ddd;
}
.app-purchase-panel .app-price{
margin:0 0 12px;
}
.app-price-subline{
font-size:.95rem;
line-height:1.45;
color:#4f5a67;
margin:0 0 16px;
}
.app-private-collection{
font-size:1.08rem;
line-height:1.45;
font-weight:600;
margin:0 0 14px;
color:#13233a;
}
.app-status-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:14px 0 18px;
}
.app-status-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 13px;
border:1px solid #d6d6d6;
background:#f7f7f7;
color:#667;
font-size:.88rem;
line-height:1;
font-weight:600;
letter-spacing:.01em;
}
.app-status-pill.is-active{
background:#111;
border-color:#111;
color:#fff;
}
.app-status-note{
font-size:.95rem;
line-height:1.5;
color:#4f5a67;
margin:0 0 14px;
max-width:34em;
}
.app-detail-list{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:180px;
padding:0;
margin:0px 0 0;
display:flex;
flex-direction:column;
justify-content:center;
}
.app-detail-list p{
display:grid;
grid-template-columns:110px 1fr;
gap:14px;
margin:6px 0;
line-height:1.35;
font-size:.96rem;
align-items:start;
}
.app-request-button{
display:inline-block;
padding:15px 24px;
border:1px solid #111;
text-decoration:none;
color:#111;
font-weight:600;
transition:all .2s ease;
margin-top:10px;
align-self:flex-start;
}
.app-request-button:hover{
background:#111;
color:#fff;
}
.app-description{
margin-top:80px;
}
.app-description p{
text-align:left;
} .app-home{
max-width:1280px;
margin:0 auto;
padding:24px 40px 96px;
} .entry-content > .app-home:first-child,
.wp-block-shortcode > .app-home:first-child{
margin-top:-14px;
}
.page .entry-title:empty,
.page h1.entry-title:empty,
.page .page-title:empty{
display:none;
margin:0;
padding:0;
}
.app-home-hero{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);
gap:72px;
align-items:center;
margin:0 0 86px;
}
.app-home-eyebrow{
font-size:.78rem;
line-height:1.4;
letter-spacing:.12em;
text-transform:uppercase;
font-weight:800;
color:#667;
margin:0 0 14px;
}
.app-home-hero h1{
font-size:clamp(2.25rem,3.7vw,3.85rem);
line-height:1.06;
letter-spacing:-.038em;
margin:0 0 24px;
color:#13233a;
max-width:11.6em;
}
.app-home-hero p{
font-size:1.03rem;
line-height:1.75;
color:#243247;
max-width:45em;
}
.app-home-actions{
display:flex;
flex-wrap:wrap;
gap:12px 18px;
margin-top:30px;
align-items:center;
}
.app-home-primary,
.app-home-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:12px 20px;
font-weight:700;
text-decoration:none;
border:1px solid #13233a;
}
.app-home-primary{
background:#13233a;
color:#fff;
}
.app-home-secondary{
background:transparent;
color:#13233a;
}
.app-home-primary:hover,
.app-home-secondary:hover{
opacity:.86;
}
.app-home-feature-card a,
.app-home-card a{
display:block;
text-decoration:none;
color:#13233a;
}
.app-home-feature-card .app-home-image-frame,
.app-home-card .app-home-image-frame{
width:100%;
aspect-ratio:5/4;
overflow:hidden;
background:#f4f4f4;
}
.app-home-feature-card .app-home-image-frame img,
.app-home-card .app-home-image-frame img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s ease;
}
.app-home-feature-card img{
display:block;
}
.app-home-feature-card h3{
font-size:1.18rem;
line-height:1.25;
margin:15px 0 6px;
}
.app-home-feature-card p,
.app-home-card p{
font-size:.95rem;
color:#667;
margin:0;
}
.app-home-feature-card .app-card-meta,
.app-home-card .app-card-meta{
font-size:.95rem;
line-height:1.42;
margin-top:0;
}
.app-home-feature-card .app-card-dimensions,
.app-home-card .app-card-dimensions{
font-size:.9rem;
line-height:1.4;
margin-top:3px;
} .app-home-hero-art .app-home-feature-card p{
display:none;
}
.app-home-section{
margin:0 0 72px;
scroll-margin-top:120px;
}
.app-home-section-head{
max-width:820px;
margin:0 0 34px;
}
.app-home-curated-section{
max-width:980px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-feature-row{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.08fr);
gap:58px;
align-items:center;
margin:0 0 44px;
padding:0 0 42px;
border-bottom:1px solid #e2e2e2;
}
.app-home-curated-feature-row .app-home-section-head{
max-width:410px;
margin:0;
}
.app-home-section h2,
.app-home-artist h2,
.app-home-room-note h2{
font-size:clamp(2rem,3vw,3rem);
line-height:1.08;
letter-spacing:-.035em;
margin:0 0 16px;
color:#13233a;
}
.app-home-section-head p,
.app-home-artist p,
.app-home-room-note p{
font-size:1rem;
line-height:1.7;
color:#243247;
}
.app-home-selection-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:34px 28px;
max-width:690px;
margin-left:auto;
margin-right:auto;
}
.app-home-card img{
display:block;
}
.app-home-card h3{
font-size:1.05rem;
line-height:1.3;
margin:14px 0 8px;
font-weight:700;
} .app-home-curated-main{
margin:0;
padding:0;
}
.app-home-curated-main .app-home-card{
max-width:620px;
margin-left:auto;
}
.app-home-curated-main .app-home-card a{
display:block;
background:transparent;
}
.app-home-curated-main .app-home-image-frame{
aspect-ratio:var(--app-art-ratio, 5/4);
background:#f4f4f4;
}
.app-home-curated-main .app-home-image-frame img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.app-home-curated-main .app-home-card h3{
font-size:clamp(1.28rem,2.2vw,1.7rem);
line-height:1.2;
margin-top:18px;
}
.app-home-curated-main .app-card-meta{
font-size:1rem;
}
.app-home-more-heading{
max-width:690px;
margin:0 auto 28px;
}
.app-home-more-heading h3{
font-size:1.05rem;
letter-spacing:.06em;
text-transform:uppercase;
margin:0;
color:#13233a;
}
.app-home-links{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
padding:34px 0;
margin:0 0 76px;
}
.app-home-links a{
display:block;
padding:22px 24px;
border:1px solid #e2e2e2;
text-decoration:none;
color:#13233a;
background:#fff;
}
.app-home-links strong{
display:block;
font-size:1.02rem;
margin-bottom:8px;
}
.app-home-links span{
display:block;
font-size:.95rem;
line-height:1.55;
color:#667;
}
.app-home-links a:hover{
border-color:#13233a;
}
.app-home-artist{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
gap:70px;
padding:0 0 76px;
margin:0 0 74px;
border-bottom:1px solid #e2e2e2;
align-items:start;
}
.app-home-artist p{
margin:0 0 18px;
}
.app-home-text-link{
display:inline-block;
margin-top:4px;
font-weight:700;
color:#13233a;
text-decoration:none;
border-bottom:1px solid #13233a;
}
.app-home-room-note{
max-width:860px;
padding:0 0 8px;
}
.app-home-room-note .app-home-secondary{
margin-top:12px;
}
.app-home-archive-note{
margin:28px 0 0;
font-size:.96rem;
}
.app-home-archive-note a{
color:#13233a;
font-weight:700;
text-decoration:none;
border-bottom:1px solid #13233a;
}
@media(max-width:920px){
.app-home{
padding:32px 22px 78px;
}
.app-home-hero{
grid-template-columns:1fr;
gap:38px;
margin-bottom:66px;
}
.app-home-curated-section{
max-width:none;
}
.app-home-curated-feature-row{
grid-template-columns:1fr;
gap:26px;
align-items:start;
}
.app-home-curated-main .app-home-card{
max-width:720px;
margin-left:0;
}
.app-home-selection-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px 26px;
}
.app-home-links,
.app-home-artist{
grid-template-columns:1fr;
}
.app-home-artist{
gap:22px;
}
}
@media(max-width:620px){
.app-home{
padding:0 18px 56px;
}
.entry-content > .app-home:first-child,
.wp-block-shortcode > .app-home:first-child{
margin-top:-24px;
} .app-home-hero{
display:flex;
flex-direction:column;
gap:18px;
margin-bottom:38px;
}
.app-home-hero-art{
order:1;
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}
.app-home-hero-text{
order:2;
}
.app-home-hero-art .app-home-feature-card h3{
display:none;
}
.app-home-hero-art .app-home-feature-card img{
width:100vw;
max-width:100vw;
aspect-ratio:4/3;
object-fit:cover;
display:block;
}
.app-home-eyebrow{
font-size:.68rem;
letter-spacing:.12em;
line-height:1.35;
margin-bottom:6px;
}
.app-home-hero h1{
font-size:clamp(1.62rem,5.4vw,1.86rem);
line-height:1.12;
letter-spacing:-.024em;
margin-bottom:14px;
max-width:14em;
}
.app-home-section{
margin-bottom:48px;
scroll-margin-top:88px;
}
.app-home-section-head{
margin-bottom:24px;
}
.app-home-curated-feature-row{
display:block;
margin-bottom:32px;
padding-bottom:28px;
}
.app-home-curated-feature-row .app-home-section-head{
max-width:none;
margin-bottom:24px;
}
.app-home-curated-main .app-home-card{
max-width:none;
margin-left:0;
}
.app-home-section h2,
.app-home-artist h2,
.app-home-room-note h2{
font-size:clamp(1.62rem,6.2vw,1.9rem);
line-height:1.16;
letter-spacing:-.022em;
margin-bottom:12px;
}
.app-home-hero p,
.app-home-section-head p,
.app-home-artist p,
.app-home-room-note p{
font-size:.92rem;
line-height:1.56;
}
.app-home-actions{
flex-direction:column;
align-items:stretch;
gap:10px;
margin-top:24px;
}
.app-home-primary,
.app-home-secondary{
width:100%;
min-height:44px;
}
.app-home-selection-grid{
grid-template-columns:1fr;
gap:34px;
}
.app-home-curated-section .app-home-selection-grid .app-home-card:first-child{
grid-column:auto;
}
.app-home-curated-section .app-home-selection-grid .app-home-card:first-child img{
aspect-ratio:4/3;
} .app-home-feature-card img,
.app-home-card img{
aspect-ratio:4/3;
} .app-home-curated-section .app-home-selection-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px 16px;
}
.app-home-curated-section .app-home-selection-grid .app-home-card h3{
font-size:.86rem;
line-height:1.25;
margin:10px 0 4px;
}
.app-home-curated-section .app-home-selection-grid .app-card-meta{
font-size:.76rem;
line-height:1.35;
}
.app-home-links{
gap:14px;
padding:24px 0;
margin-bottom:46px;
}
.app-home-links a{
padding:18px 18px;
}
.app-home-links strong{
font-size:.96rem;
}
.app-home-links span{
font-size:.88rem;
line-height:1.48;
}
.app-home-artist{
gap:14px;
padding-bottom:46px;
margin-bottom:46px;
}
.app-home-room-note{
padding-bottom:0;
}
.app-home-archive-note{
font-size:.88rem;
margin-top:22px;
}
.app-home-curated-main{
margin-bottom:30px;
padding-bottom:32px;
}
.app-home-curated-main .app-home-card h3{
font-size:1.28rem;
margin-top:16px;
}
.app-home-more-heading{
margin-bottom:20px;
}
.app-home-more-heading h3{
font-size:.86rem;
letter-spacing:.07em;
}
} @media(min-width:921px){
.app-home-curated-section{
max-width:880px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-section .app-home-section-head{
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-main{
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-main .app-home-card{
max-width:680px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-section .app-home-selection-grid{
max-width:640px;
margin-left:auto;
margin-right:auto;
gap:30px 24px;
}
.app-home-curated-section .app-home-more-heading,
.app-home-curated-section .app-home-archive-note{
max-width:640px;
margin-left:auto;
margin-right:auto;
}
} @media(min-width:921px){
.app-home-curated-section{
max-width:1080px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-feature-row{
grid-template-columns:minmax(280px,.58fr) minmax(560px,1fr);
gap:72px;
align-items:center;
margin-bottom:52px;
padding-bottom:48px;
}
.app-home-curated-feature-row .app-home-section-head{
max-width:430px;
margin-left:0;
margin-right:0;
}
.app-home-curated-main{
max-width:780px;
margin-left:0;
margin-right:0;
}
.app-home-curated-main .app-home-card{
max-width:760px;
margin-left:0;
margin-right:0;
}
.app-home-curated-main .app-home-card h3{
font-size:clamp(1.28rem,1.8vw,1.55rem);
margin-top:16px;
}
.app-home-more-heading{
max-width:820px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-section .app-home-selection-grid{
max-width:820px;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:36px 32px;
margin-left:auto;
margin-right:auto;
}
.app-home-curated-section .app-home-selection-grid .app-home-card h3{
font-size:1.08rem;
margin-top:13px;
}
.app-home-curated-section .app-home-selection-grid .app-card-meta{
font-size:.92rem;
}
.app-home-curated-section .app-home-archive-note{
max-width:820px;
margin-left:auto;
margin-right:auto;
}
} .app-home-hero-stage-test{
display:block;
margin-bottom:86px;
}
.app-home-hero-stage{
position:relative;
overflow:hidden;
background:#13233a;
}
.app-home-hero-stage::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, rgba(8,18,32,.70) 0%, rgba(8,18,32,.40) 43%, rgba(8,18,32,.10) 100%);
pointer-events:none;
z-index:2;
}
.app-home-hero-stage-copy{
position:absolute;
z-index:3;
left:clamp(34px,7vw,96px);
bottom:clamp(36px,7vw,88px);
max-width:760px;
color:#fff;
}
.app-home-hero-stage-copy .app-home-eyebrow{
color:rgba(255,255,255,.86);
}
.app-home-hero-stage-copy h1{
color:#fff;
font-size:clamp(3.1rem,7vw,6.6rem);
line-height:.98;
letter-spacing:-.055em;
margin:0;
max-width:9.5em;
}
.app-home-hero-stage-test .app-home-hero-intro{
max-width:960px;
margin:34px auto 0;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:34px;
}
.app-home-hero-stage-test .app-home-hero-intro > p{
margin:0;
max-width:620px;
font-size:1rem;
line-height:1.7;
color:#243247;
}
.app-home-hero-stage-test .app-home-actions{
margin-top:0;
flex:0 0 auto;
}
@media(min-width:921px){
.app-home-hero-stage-test{
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}
.app-home-hero-stage-test .app-home-hero-stage{
min-height:min(76vh,720px);
width:100vw;
}
.app-home-hero-stage-test .app-home-hero-art{
position:absolute;
inset:0;
width:100%;
height:100%;
z-index:1;
}
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
.app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
width:100%;
height:100%;
aspect-ratio:auto;
display:block;
}
.app-home-hero-stage-test .app-home-hero-art img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.app-home-hero-stage-test .app-home-hero-art h3,
.app-home-hero-stage-test .app-home-hero-art p{
display:none !important;
}
}
@media(max-width:920px){
.app-home-hero-stage-test{
margin-bottom:48px;
}
.app-home-hero-stage-test .app-home-hero-stage{
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
min-height:54vh;
}
.app-home-hero-stage-test .app-home-hero-art,
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
.app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
width:100%;
height:54vh;
min-height:360px;
display:block;
aspect-ratio:auto;
}
.app-home-hero-stage-test .app-home-hero-art img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.app-home-hero-stage-test .app-home-hero-art h3,
.app-home-hero-stage-test .app-home-hero-art p{
display:none !important;
}
.app-home-hero-stage-copy{
left:24px;
right:24px;
bottom:32px;
}
.app-home-hero-stage-copy h1{
font-size:clamp(2.15rem,10.6vw,3.7rem);
line-height:1;
max-width:8.8em;
}
.app-home-hero-stage-test .app-home-hero-intro{
display:block;
margin:24px 0 0;
}
.app-home-hero-stage-test .app-home-hero-intro > p{
font-size:.94rem;
line-height:1.58;
}
.app-home-hero-stage-test .app-home-actions{
margin-top:22px;
}
} @media(max-width:760px){
.app-home-hero-stage-test{
margin-bottom:34px;
}
.app-home-hero-stage-test .app-home-hero-stage{
min-height:42vh;
}
.app-home-hero-stage-test .app-home-hero-art,
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
.app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
.app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
height:42vh;
min-height:255px;
max-height:340px;
}
.app-home-hero-stage-copy{
left:22px;
right:22px;
bottom:24px;
}
.app-home-hero-stage-copy h1{
font-size:clamp(2.0rem,9.4vw,3.05rem);
line-height:.98;
max-width:8.5em;
}
.app-home-hero-stage-copy .app-home-eyebrow{
margin-bottom:10px;
}
.app-home-hero-stage-test .app-home-hero-intro{
margin-top:20px;
}
.app-home-hero-stage-test .app-home-actions{
margin-top:18px;
}
} @media screen and (max-width: 920px){
section.app-artwork-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:34px 18px !important;
}
section.app-artwork-grid > article.app-artwork-card{
grid-column:auto !important;
min-width:0 !important;
}
} @media (max-width: 920px){
.app-single-hero{
display:flex;
flex-direction:column;
row-gap:0;
}
.app-main-image-wrap{order:1;}
.app-thumbs-row{
order:2;
width:100%;
}
.app-info-top{order:3;}
.app-details-row{order:4;}
.app-thumbs{
margin-top:12px;
margin-bottom:28px;
}
}
.app-media-cluster{
grid-column:1;
grid-row:1 / span 2;
min-width:0;
}
.app-media-cluster .app-thumbs-row{
grid-column:auto;
grid-row:auto;
}
@media (max-width:920px){
.app-single-hero{
display:flex;
flex-direction:column;
row-gap:0;
}
.app-media-cluster{
order:1;
width:100%;
}
.app-info-top{
order:2;
}
.app-details-row{
order:3;
}
.app-thumbs{
margin-top:12px;
margin-bottom:28px;
}
} @media (min-width: 921px){
.app-details-row{
grid-column:2;
grid-row:1 / span 2;
align-self:end;
padding-top:0;
}
.app-details-row .app-detail-list{
width:100%;
margin-top:24px;
}
} @media (min-width:921px){
.app-info-column{
display:contents;
}
.app-info-column .app-info-top{
grid-column:2;
grid-row:1;
}
.app-info-column .app-details-row{
grid-column:2;
grid-row:2;
align-self:stretch;
margin-top:0;
padding-top:0;
}
}
@media (max-width:920px){
.app-info-column{
display:contents;
}
.app-info-column .app-info-top{
order:2;
}
.app-info-column .app-details-row{
order:3;
margin-top:28px;
}
}
@media (min-width:921px){
.app-info-column{
display:contents;
}
.app-info-column .app-info-top{
grid-column:2;
grid-row:1;
}
.app-info-column .app-details-row{
grid-column:2;
grid-row:2;
align-self:stretch;
margin-top:0;
padding-top:0;
}
}
@media (max-width:920px){
.app-info-column{
display:contents;
}
.app-info-column .app-info-top{
order:2;
}
.app-info-column .app-details-row{
order:3;
margin-top:28px;
}
} @media (min-width:921px){
.app-info-column{display:contents;}
.app-info-column .app-info-top{grid-column:2;grid-row:1;}
.app-info-column .app-details-row{grid-column:2;grid-row:2;align-self:stretch;margin-top:0;padding-top:0;}
}
@media (max-width:920px){
.app-info-column{display:contents;}
.app-info-column .app-info-top{order:2;}
.app-info-column .app-details-row{order:3;margin-top:28px;}
}