/* Mobile gallery: photographs, five clear categories, six works per page. */
.picture-heading{isolation:isolate;overflow:hidden;position:relative;background:#e8edf0}
.picture-heading .heading-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.picture-heading:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.picture-heading .heading-copy{position:relative;min-width:0}
.library.inner-page{padding:18px 18px 22px}
.library .catalogue-heading{height:174px;border-radius:20px;margin:0;display:flex;align-items:flex-end;padding:22px 20px 40px;border:0}
.library .catalogue-heading .heading-photo{object-position:60% 50%}
.library .catalogue-heading:after{background:linear-gradient(90deg,rgba(24,44,53,.65),rgba(24,44,53,.12) 85%)}
.library .catalogue-heading .heading-copy>span{font-size:9px;letter-spacing:2px;color:#f0f2ef}
.library .catalogue-heading h1{font-size:25px;line-height:1.6;margin:9px 0 4px;color:#fff;letter-spacing:.3px;white-space:nowrap}
.library .catalogue-heading p{color:#f0f1ed;font-size:10px;letter-spacing:.3px}
.library .catalogue-tools{position:relative;margin:-22px 0 18px}
.library .list-search{margin:0 12px;height:47px;border-radius:13px;border:1px solid #e3e8e9;background:#fff;box-shadow:0 5px 18px #2c46500a;padding:0 12px;gap:8px}
.library .list-search .ui-icon{width:20px;height:20px;color:#617582}
.library .list-search input{width:0;min-width:0;flex:1;font-size:11px;color:#334853}
.library input[type=search]::-webkit-search-cancel-button{display:none}
.library .search-submit{padding:7px 0 7px 11px;border-left:1px solid #e5eaec;font-size:11px;color:#3b5767;min-height:38px}
.library .search-clear{font-size:9px;color:#758590;min-height:38px;padding:6px 2px}
.library .search-clear[hidden]{display:none}
.gallery-categories{display:grid;grid-template-columns:.62fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #e3e8eb;margin-top:15px;gap:0}
.gallery-categories button{position:relative;min-width:0;min-height:46px;padding:10px 0 15px;font-size:11px;white-space:nowrap;color:#7b8790;transition:color 180ms,background 180ms,transform 140ms;border:0;border-radius:7px 7px 0 0;background:none}
.gallery-categories button.active{color:#2d4555;font-weight:600}
.gallery-categories button.active:after{content:"";position:absolute;bottom:-1px;left:calc(50% - 10px);width:20px;height:2px;border-radius:2px;background:#536e7c}
.gallery-categories button:active{transform:scale(.96);background:#edf2f5}
.library .collection-heading{margin:0 1px 14px;align-items:center}
.library .collection-heading h2{font-size:20px}
.library .collection-heading span,.library .collection-heading button{font-size:9px;color:#758792}
.library .collection-heading button{min-height:32px}
.library .library-grid{gap:23px 14px}
.library .template-card{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.library .card-open{display:block;width:100%;text-align:left;border-radius:13px;overflow:hidden;transition:transform 180ms}
.library .shot{aspect-ratio:1.12;border-radius:13px;background:#e8edf0;box-shadow:0 3px 9px #304a5909;border:1px solid #e5e9ec}
.library .card-info{padding:11px 1px 0}
.library .card-meta{font-size:9px;color:#849099;letter-spacing:.3px}
.library .card-info h3{font-size:15px;line-height:1.45;letter-spacing:.2px;margin:4px 0 6px;color:#30434f;font-family:SeaSerif,"Songti SC",serif}
.library .tag{padding:0;background:none;border-radius:0;color:#76858e;font-size:9px;line-height:1.6}
.library .favorite{top:4px;right:4px;box-shadow:none;color:#6c7f8a}
.library .favorite.saved{background-color:#e6edf0;color:#445f71}
.library .card-open:active{transform:scale(.985)}
.library .catalogue-pagination{border-top:1px solid #e4e9ed;margin-top:27px;padding:18px 0 0;display:flex;justify-content:space-between;align-items:center;gap:15px}
.library .catalogue-pagination button{min-width:82px;min-height:42px;border:1px solid #dce4e8;border-radius:11px;background:#fff;color:#4c6371;font-size:11px;padding:10px 15px;box-shadow:none}
.library .catalogue-pagination button:disabled{color:#abb5bc;border-color:#e9eef1;background:#f6f8f9;opacity:1}
.library .page-current{font-size:10px;color:#84919a}
.library .page-current b{font-size:13px;font-weight:500;color:#3c5463;padding:0 5px;font-variant-numeric:tabular-nums}
.library .empty-search{display:block;margin:0 0 14px;color:#869ba8}
.library .empty-search .ui-icon{width:29px;height:29px}
.library .empty-state .button{margin-top:14px;border-radius:11px}
.inquiry-page .form-hero{min-height:174px;padding:21px 19px;border-radius:20px;margin-bottom:18px}
.inquiry-page .form-hero .heading-photo{object-position:63% 54%}
.inquiry-page .form-hero:after{background:linear-gradient(90deg,rgba(246,245,240,.97),rgba(246,245,240,.89) 43%,rgba(246,245,240,.2) 100%)}
.inquiry-page .form-hero h1{font-size:26px;line-height:1.4;margin:10px 0 9px;color:#30434e}
.inquiry-page .form-hero p{font-size:10px;color:#536b79}
.inquiry-page .page-eyebrow{font-size:9px;color:#697d87}
.mine-page .mine-intro{min-height:127px;border:0;border-radius:20px;padding:20px 18px}
.mine-page .mine-intro .heading-photo{object-position:50% 56%}
.mine-page .mine-intro:after{background:linear-gradient(90deg,#f1f6f8ef 0%,#f1f6f8c7 45%,#f1f6f812 100%)}
.mine-page .mine-intro h1{color:#2e4857;font-size:26px}
.mine-page .mine-intro p{color:#526d7e;font-size:10px}
.mine-page .mine-intro .page-eyebrow{color:#647e8e;font-size:9px}
.mine-page .logo-crop{background:#ffffffbf;border:1px solid #ffffffbb;box-shadow:0 4px 14px #32556b08}
.mine-page .mine-links{gap:12px;margin:12px 0 21px}
.mine-page .picture-shortcut{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:14px;min-height:91px;padding:14px 13px;align-items:flex-end;gap:8px;background:#e7edf0;color:white}
.picture-shortcut .shortcut-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.picture-shortcut:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#233b4ce0,#233b4c20);z-index:-1}
.mine-page .picture-shortcut .shortcut-icon{width:22px;height:24px;color:#fff;align-self:flex-start}
.mine-page .picture-shortcut .ui-icon{width:22px;height:22px}
.mine-page .picture-shortcut strong{color:#fff;font-size:13px;letter-spacing:.4px}
.mine-page .picture-shortcut small{color:#f1f4f6;font-size:9px;white-space:nowrap}
.mine-page .picture-shortcut:first-child .shortcut-photo{object-position:50% 57%}
.mine-page .picture-shortcut:last-child .shortcut-photo{object-position:65% 45%}
.mine-page .picture-shortcut:active{transform:scale(.98)}
@media(max-width:360px){.library.inner-page{padding-inline:16px}.library .catalogue-heading{padding-inline:16px;height:164px}.library .catalogue-heading h1{font-size:22px}.library .list-search{margin-inline:8px;padding-inline:9px;gap:6px}.library .list-search input{font-size:10px}.gallery-categories button{font-size:10px}.library .card-info h3{font-size:14px}.library .library-grid{gap:21px 12px}.library .collection-heading h2{font-size:19px}.mine-page .picture-shortcut{padding:12px 10px;gap:7px}.mine-page .picture-shortcut strong{font-size:12px}.mine-page .picture-shortcut small{font-size:8px}.inquiry-page .form-hero{padding:19px 16px}.inquiry-page .form-hero h1{font-size:24px}.inquiry-page .form-hero p{font-size:9px}}
@media(max-height:680px){.mine-page .mine-intro{min-height:111px;padding-block:14px}.mine-page .picture-shortcut{min-height:80px}.mine-page .mine-links{margin-bottom:16px}.mine-page .collection-empty{padding:15px 14px}.mine-page .empty-art{height:35px;margin-bottom:7px;transform:scale(.7)}.mine-page .collection-empty h3{font-size:13px}.mine-page .collection-empty p{margin:5px 0 10px}.mine-page .collection-empty .button{min-height:36px}.inquiry-page .form-hero{min-height:163px}}
@media(prefers-reduced-motion:reduce){.gallery-categories button,.library .card-open{transition:none}}

.experience-pair.front-only{grid-template-columns:1fr}