/* About Tuying: photographic company introduction and a category-led factory journal. */
.about-page{background:#fff}.about-page .header{z-index:60}.about-page .wrap{width:min(1344px,calc(100% - 96px))}
.about-hero{position:relative;display:grid;grid-template-columns:.87fr 1.13fr;min-height:570px;background:#0c263b;color:#fff;overflow:hidden}.about-hero-copy{position:relative;z-index:1;align-self:center;padding:76px 50px 76px max(48px,calc((100vw - 1344px)/2))}.about-hero .eyebrow{color:#9ebed7;letter-spacing:.13em;font-size:12px;margin-bottom:28px}.about-hero h1{font-size:clamp(40px,4.5vw,68px);font-weight:600;line-height:1.14;letter-spacing:-.05em;white-space:pre-line}.about-hero-copy>p:not(.eyebrow){color:#c2d2df;font-size:16px;line-height:1.85;max-width:430px;margin-top:25px}.about-hero-image{position:relative;min-height:570px;overflow:hidden}.about-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:48% center;position:absolute;inset:0;animation:about-pan 16s ease-out both}.about-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c263b88,transparent 24%),linear-gradient(0deg,#071f38a6,transparent 45%);pointer-events:none}.about-image-note{position:absolute;z-index:1;bottom:32px;left:36px;color:white;font-size:12px;letter-spacing:.05em}.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.about-actions a,.about-end a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:4px;font-size:14px;border:1px solid #a5bfd055;transition:background .2s}.about-actions a:first-child{background:#fff;color:#143751;border-color:#fff}.about-actions a:hover{background:#e6f2fc;color:#153953}.about-actions a:last-child:hover{background:#ffffff14;color:white}
.about-intro{padding:62px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #dce5ec}.about-intro h2{font-size:35px;line-height:1.2;white-space:pre-line;letter-spacing:-.035em}.about-intro p{line-height:1.85;color:#5c6f7e;font-size:15px;max-width:600px}.about-specialties{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.about-specialties span{font-size:12px;padding:8px 12px;border:1px solid #dce7ee;border-radius:3px;color:#305d7e}
.about-gallery{padding-top:72px;padding-bottom:80px;scroll-margin-top:12px}.about-section-top{display:flex;gap:28px;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.about-section-top h2,.about-film h2{font-size:clamp(32px,3.1vw,46px);letter-spacing:-.04em;line-height:1.15}.about-section-top p:last-child{font-size:14px;line-height:1.8;color:#677d8d;max-width:360px}.about-kicker{font-size:11px;color:#246294;font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.about-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px;align-items:center}.about-filters button{display:flex;gap:10px;align-items:center;min-height:44px;border:1px solid #d7e2ec;border-radius:5px;padding:10px 15px;font-size:13px;color:#466174;background:#fff;transition:background .2s,color .2s}.about-filters button[aria-pressed=true]{background:#15578c;border-color:#15578c;color:#fff}.about-filters button:hover{border-color:#15578c}.about-filters small{font-size:10px;opacity:.65}.about-gallery-count{font-size:12px;color:#728999;margin:0 0 14px}.about-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 24px}.about-shot{min-width:0}.about-shot>button{position:relative;display:block;width:100%;padding:0;border:0;background:#e9eff3;overflow:hidden;aspect-ratio:4/3;text-align:left;border-radius:5px}.about-shot img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.about-shot button:hover img{transform:scale(1.035)}.about-shot-mark{position:absolute;right:15px;bottom:15px;background:#ffffffed;color:#153d5a;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:24px;line-height:1;box-shadow:0 3px 12px #0001}.about-shot .sample-tag{position:absolute;left:12px;top:12px;background:#fff;color:#466071;padding:6px 9px;border-radius:3px;font-size:10px;box-shadow:0 2px 6px #0001}.about-shot-meta{display:flex;gap:16px;align-items:flex-start;margin-top:14px}.about-shot-meta>span{color:#9bb1c2;font-size:11px;padding-top:4px}.about-shot h3{font-size:17px;color:#17384f;font-weight:550;line-height:1.4}.about-shot p{font-size:11px;color:#718797;margin-top:6px}.about-shot[data-sample=true] img{filter:saturate(.55)}
.about-film{padding:72px 0;background:#edf3f7;scroll-margin-top:12px}.about-film-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:50px;align-items:center}.about-film-frame{position:relative;border-radius:5px;overflow:hidden;background:#071d2d;aspect-ratio:16/9}.about-film video{width:100%;height:100%;object-fit:contain}.about-film-copy>p:not(.about-kicker){font-size:14px;line-height:1.85;color:#5d7487;margin:22px 0}.about-film-copy>small{display:block;font-size:11px;color:#728999;line-height:1.65}.about-film-start{position:absolute;inset:0;border:0;background:linear-gradient(0deg,#09243a77,#09243a11);color:white;display:flex;align-items:center;justify-content:center;gap:15px;font-size:15px}.about-film-start span:first-child{width:64px;height:64px;border:1px solid #fffc;border-radius:50%;display:grid;place-items:center;font-size:21px;background:#ffffff19;backdrop-filter:blur(3px)}.about-film-start[hidden]{display:none}
.about-end{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:60px 0}.about-end h2{font-size:29px;line-height:1.3}.about-end p{font-size:14px;color:#6c8292;margin-top:13px}.about-end a{background:#15578c;color:white;border-color:#15578c;flex-shrink:0}.about-end a:hover{background:#0d3d64}
.about-lightbox{width:min(1160px,96vw);max-height:94dvh;padding:0;border:0;border-radius:7px;background:#071a2b;color:white;overflow:auto;box-shadow:0 25px 90px #0007}.about-lightbox::backdrop{background:#06121bea;backdrop-filter:blur(5px)}.about-lightbox-head{padding:16px 21px;display:flex;justify-content:space-between;align-items:center;gap:16px}.about-lightbox-head h2{font-size:17px}.about-lightbox button{border:1px solid #486074;background:none;color:white;border-radius:4px;min-width:44px;min-height:44px;padding:8px 12px}.about-lightbox-image{width:100%;max-height:68dvh;object-fit:contain;background:#05111c}.about-lightbox-bottom{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:17px 21px}.about-lightbox-bottom p{font-size:12px;line-height:1.7;color:#c6d5df}.about-lightbox-controls{display:flex;gap:9px;flex-shrink:0}.about-photo-open{overflow:hidden}
.about-teaser{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:26px 30px;background:#eaf1f6;border-left:3px solid #1a5f98;border-radius:3px}.about-teaser h3{font-size:23px;line-height:1.4;color:#173d59}.about-teaser p{font-size:13px;line-height:1.7;color:#688296;margin-top:7px}.about-teaser-links{display:flex;gap:10px;flex-shrink:0}.about-teaser a{min-height:44px;padding:12px 17px;color:#15578c;border:1px solid #bccfdf;background:white;border-radius:4px;font-size:13px}.about-teaser a:first-child{color:white;background:#15578c;border-color:#15578c}
@keyframes about-pan{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:1100px){.about-hero{min-height:500px}.about-hero-image{min-height:500px}.about-hero-copy{padding:55px 32px}.about-hero h1{font-size:48px}.about-page .wrap{width:calc(100% - 64px)}.about-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-film-layout{grid-template-columns:1.3fr 1fr;gap:30px}.about-teaser{align-items:flex-start}.about-teaser-links{flex-direction:column}}
@media(max-width:780px){.about-page .wrap{width:calc(100% - 36px)}.about-hero{grid-template-columns:1fr}.about-hero-copy{padding:40px 22px 35px}.about-hero h1{font-size:42px;line-height:1.16}.about-hero .eyebrow{margin-bottom:20px;font-size:10px}.about-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:21px;max-width:95%}.about-hero-image{min-height:290px}.about-hero-image:after{background:linear-gradient(0deg,#071f3877,transparent)}.about-image-note{bottom:20px;left:22px}.about-actions{margin-top:25px}.about-actions a{padding:12px 17px;font-size:13px}.about-intro{padding:40px 0;grid-template-columns:1fr;gap:19px}.about-intro h2{font-size:29px}.about-intro p{font-size:14px}.about-specialties{margin-top:18px;gap:7px}.about-specialties span{font-size:11px;padding:7px 10px}.about-gallery{padding:44px 0;scroll-margin-top:12px}.about-section-top{display:block;margin-bottom:23px}.about-section-top h2,.about-film h2{font-size:32px}.about-section-top p:last-child{margin-top:15px;font-size:13px}.about-filters{flex-wrap:nowrap;overflow:auto;padding:3px 2px 13px;margin-bottom:8px;scrollbar-width:thin}.about-filters button{flex:0 0 auto;font-size:12px;padding:10px 12px}.about-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.about-shot-meta{gap:7px;margin-top:10px}.about-shot-meta>span{display:none}.about-shot h3{font-size:14px;line-height:1.5}.about-shot p{font-size:10px;line-height:1.5}.about-shot>button{aspect-ratio:1.05}.about-shot-mark{width:27px;height:27px;font-size:21px;bottom:9px;right:9px}.about-shot .sample-tag{left:7px;top:7px;font-size:9px;padding:4px 6px}.about-film{padding:43px 0}.about-film-layout{grid-template-columns:1fr;gap:25px}.about-film-copy{grid-row:1}.about-film-copy>p:not(.about-kicker){margin:15px 0;font-size:13px}.about-film-copy>small{font-size:10px}.about-end{padding:40px 0;display:block}.about-end h2{font-size:26px}.about-end p{font-size:13px;line-height:1.8}.about-end a{margin-top:22px}.about-lightbox-head{padding:12px}.about-lightbox-head h2{font-size:14px}.about-lightbox-bottom{padding:13px;display:block}.about-lightbox-controls{justify-content:flex-end;margin-top:14px}.about-teaser{padding:22px 20px;display:block}.about-teaser h3{font-size:21px}.about-teaser-links{margin-top:18px;flex-direction:row;flex-wrap:wrap}.about-teaser p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}