.ph--about .ph__plate{background-image:url(/assets/reference-hero-02.jpg);background-position:26% 42%}.vs__plate--tall{aspect-ratio:3/4}.tl{position:relative;margin:clamp(30px,3.6vw,52px) 0 0;padding:0}.tl:before{content:"";position:absolute;left:calc(clamp(58px,7vw,92px) - 1px);top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,var(--sat-bronze-200) 8%,var(--sat-bronze-200) 92%,transparent)}.tli{position:relative;display:grid;grid-template-columns:clamp(58px,7vw,92px) minmax(0,1fr);gap:clamp(18px,2.6vw,42px);padding:0 0 clamp(30px,3.6vw,52px)}.tli:last-child{padding-bottom:0}.tli__y{position:sticky;top:150px;align-self:start;font-family:var(--font-serif-display);font-weight:500;font-size:clamp(15px,1.5vw,20px);line-height:1;letter-spacing:-.01em;color:var(--sat-bronze-300);font-variant-numeric:tabular-nums;padding-top:4px}.tli__dot{position:absolute;left:calc(clamp(58px,7vw,92px) - 5px);top:10px;width:9px;height:9px;border-radius:50%;background:var(--sat-burnished-bronze);box-shadow:0 0 0 5px var(--sat-cream-50)}.tli__c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:clamp(18px,2.6vw,36px);align-items:center;background:var(--bg-elev-2);border-radius:18px;padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-1);transition:translate .62s var(--ease-expo),box-shadow .5s var(--ease-out)}.tli.is-in .tli__c:hover{translate:0 -4px;box-shadow:var(--shadow-3)}.tli__t{font-family:var(--font-serif-display);font-weight:600;font-size:clamp(19px,1.8vw,25px);line-height:1.18;margin:0 0 10px;color:var(--fg-1)}.tli__b{font-family:var(--font-sans);font-size:14.5px;line-height:1.75;color:var(--fg-3);margin:0 0 11px}.tli__b:last-child{margin:0}.tli__ph{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;background:#fff;box-shadow:inset 0 0 0 1px var(--border-subtle)}.tli__ph img{width:100%;height:100%;object-fit:contain}.vsub{font-family:var(--font-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sat-bronze-400);margin:clamp(30px,3.6vw,46px) 0 0}.vs--dark .vsub{color:var(--sat-burnished-bronze)}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:clamp(13px,1.6vw,20px);margin-top:clamp(18px,2.2vw,26px)}.vcard{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--sat-vermillion-shadow);box-shadow:var(--shadow-2);border:0;padding:0;cursor:pointer;text-align:left;width:100%;transition:translate .62s var(--ease-expo),box-shadow .5s var(--ease-out)}.vcard:hover{translate:0 -4px;box-shadow:var(--shadow-3)}.vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease-expo)}.vcard:hover img{scale:1.06}.vcard__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#2c08081a,#2c080870 46%,#2c0808e0)}.vcard__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(15px,1.7vw,19px)}.vcard__lang{align-self:flex-start;font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sat-vermillion-shadow);background:var(--sat-burnished-bronze);border-radius:999px;padding:4px 10px}.vcard__t{font-family:var(--font-serif-display);font-weight:600;font-size:clamp(16px,1.4vw,19px);line-height:1.2;margin:0;color:var(--sat-cream-50)}.vcard__play{position:absolute;top:clamp(13px,1.6vw,17px);right:clamp(13px,1.6vw,17px);z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2e8d229;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #f2e8d266;color:var(--sat-cream-50);transition:background .3s var(--ease-out),scale .42s var(--ease-expo)}.vcard:hover .vcard__play{background:var(--sat-burnished-bronze);color:var(--sat-vermillion-shadow);box-shadow:inset 0 0 0 1px var(--sat-burnished-bronze);scale:1.08}.vcard__play svg{width:17px;height:17px}.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(28px,3.4vw,46px)}.wcard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#f2e8d20d;box-shadow:inset 0 0 0 1px #f2e8d229;transition:translate .62s var(--ease-expo),box-shadow .5s var(--ease-out)}.wgrid.is-in .wcard:hover{translate:0 -5px;box-shadow:inset 0 0 0 1px #f2e8d247,var(--shadow-4)}.wcard__ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sat-maroon-300)}.wcard__ph img{width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease-expo)}.wcard:hover .wcard__ph img{scale:1.05}.wcard__in{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:9px}.wcard__t{font-family:var(--font-serif-display);font-weight:600;font-size:clamp(18px,1.6vw,22px);line-height:1.2;margin:0;color:var(--sat-cream-50)}.wcard__b{font-family:var(--font-sans);font-size:14px;line-height:1.72;color:var(--sat-cream-100);margin:0}.qgrid{columns:3 268px;column-gap:clamp(13px,1.6vw,20px);margin-top:clamp(28px,3.4vw,46px)}.qplate{position:relative;width:100%;break-inside:avoid;margin:0 0 clamp(13px,1.6vw,20px);border-radius:18px;overflow:hidden;min-height:230px;background:var(--sat-vermillion-shadow);box-shadow:var(--shadow-2);transition:translate .62s var(--ease-expo),box-shadow .5s var(--ease-out)}.qgrid.is-in .qplate:hover{translate:0 -5px;box-shadow:var(--shadow-3)}.qplate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale 1.4s var(--ease-expo)}.qplate:hover img{scale:1.05}.qplate__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#2c08080f,#2c08086b 44%,#2c0808e6)}.qplate__q{position:relative;z-index:2;min-height:100%;display:flex;align-items:flex-end;margin:0;padding:clamp(18px,2vw,24px);border:0;font-family:var(--font-serif-display);font-style:italic;font-weight:500;font-size:clamp(16px,1.5vw,20px);line-height:1.34;letter-spacing:-.008em;color:var(--sat-cream-50);text-wrap:pretty}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(28px,3.4vw,46px)}.tcard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--bg-elev-2);box-shadow:var(--shadow-1);transition:translate .62s var(--ease-expo),box-shadow .5s var(--ease-out)}.tgrid.is-in .tcard:hover{translate:0 -5px;box-shadow:var(--shadow-3)}.tcard__ph{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--sat-cream-300)}.tcard__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:scale .9s var(--ease-expo)}.tcard:hover .tcard__ph img{scale:1.05}.tcard__in{padding:clamp(20px,2.2vw,26px);display:flex;flex-direction:column;gap:12px;flex:1}.tcard__mark{width:24px;height:18px;fill:var(--sat-bronze-200);opacity:.55}.tcard__q{font-family:var(--font-sans);font-size:14.5px;line-height:1.75;color:var(--fg-3);margin:0}.tcard__q+.tcard__q{margin-top:-2px}.tcard__by{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle)}.tcard__n{font-family:var(--font-serif-display);font-weight:600;font-size:16.5px;line-height:1.24;margin:0;color:var(--fg-1)}.tcard__r{font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--fg-muted);margin:4px 0 0}.gtabs{display:flex;gap:2px;flex-wrap:wrap;width:fit-content;margin:clamp(24px,3vw,38px) 0 0;padding:5px;border-radius:999px;background:#f2e8d212;box-shadow:inset 0 0 0 1px #f2e8d22e}.gtabs button{flex:0 0 auto;border:0;cursor:pointer;padding:9px 17px;border-radius:999px;background:none;font-family:var(--font-sans);font-size:12.5px;letter-spacing:.02em;color:var(--sat-cream-200);white-space:nowrap;transition:background .32s var(--ease-out),color .32s var(--ease-out)}.gtabs button:hover{background:#f2e8d21a;color:var(--sat-cream-50)}.gtabs button[aria-selected=true]{background:var(--sat-burnished-bronze);color:var(--sat-vermillion-shadow);font-weight:600}.gpanel[hidden]{display:none}.ggrid{columns:4 240px;column-gap:clamp(12px,1.5vw,18px);margin-top:clamp(20px,2.4vw,30px)}.gcell{border:0;padding:0;cursor:pointer;display:block;width:100%;break-inside:avoid;margin:0 0 clamp(12px,1.5vw,18px);border-radius:14px;overflow:hidden;background:var(--sat-maroon-300);box-shadow:var(--shadow-2);transition:translate .56s var(--ease-expo),box-shadow .48s var(--ease-out)}.gcell:hover{translate:0 -4px;box-shadow:var(--shadow-4)}.gcell img{display:block;width:100%;height:auto;transition:scale .9s var(--ease-expo)}.gcell:hover img{scale:1.04}@media (max-width:980px){.tli__c{grid-template-columns:1fr}.tli__ph{aspect-ratio:4/3;order:-1}}@media (max-width:760px){.tl:before{left:6px}.tli{grid-template-columns:1fr;gap:10px;padding-left:26px}.tli__dot{left:2px;top:6px}.tli__y{position:static;padding:0}.ggrid{columns:2 150px}}.tli{transition:opacity .9s var(--ease-out),translate 1.15s var(--ease-expo),filter .82s var(--ease-out)}.tli:not(.is-in){opacity:0;translate:0 22px;filter:blur(9px)}@media (prefers-reduced-motion:reduce){.tli:not(.is-in){opacity:1;translate:none;filter:none}}