.asc-portfolio-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:72px}.asc-portfolio-head h2{font-family:var(--asc-display);font-weight:700;font-size:clamp(56px,9.5vw,140px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.asc-portfolio-head h2 em{display:block;font-family:var(--asc-serif);font-style:italic;font-weight:400;font-size:.38em;letter-spacing:-.01em;text-transform:none;margin-top:18px;color:var(--asc-mute)}.asc-portfolio-head p{font-family:var(--asc-thai);font-size:16.5px;line-height:1.75;color:var(--asc-mute);font-weight:300;max-width:38ch}@media(max-width:900px){.asc-portfolio-head{grid-template-columns:1fr}}.asc-portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:26px}.asc-project{position:relative;overflow:hidden;background:#000}.asc-project img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.asc-project:hover img{transform:scale(1.06)}.asc-project .asc-meta{position:absolute;inset:auto 0 0 0;padding:24px 26px;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.88) 100%);pointer-events:none}.asc-project .asc-meta .asc-name{font-family:var(--asc-display);font-weight:700;font-size:23px;letter-spacing:-.02em;line-height:1.05}.asc-project .asc-meta .asc-name em{display:block;font-family:var(--asc-serif);font-style:italic;font-weight:400;font-size:.7em;margin-top:4px;color:#ffffffb3}.asc-project .asc-meta .asc-spec{font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;opacity:.95;font-weight:300}.asc-project .asc-meta .asc-spec span{position:relative}.asc-project .asc-meta .asc-spec span+span:before{content:"\b7";position:absolute;left:-10px;top:0}.asc-project .asc-tag{position:absolute;top:20px;left:20px;font-family:var(--asc-serif);font-style:italic;font-weight:400;font-size:12px;letter-spacing:.02em;color:#fff;padding:6px 12px;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002e}.asc-p-wide{grid-column:span 8}.asc-p-half{grid-column:span 6}.asc-p-third{grid-column:span 4}.asc-project.asc-tall{aspect-ratio:3/4}.asc-project.asc-medium{aspect-ratio:4/3}.asc-project.asc-land{aspect-ratio:16/10}@media(max-width:1024px){.asc-p-wide{grid-column:span 12}.asc-p-half,.asc-p-third{grid-column:span 6}}@media(max-width:640px){.asc-portfolio-grid{gap:18px}.asc-p-wide,.asc-p-half,.asc-p-third{grid-column:span 12}}.asc-chapter-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--asc-ink);border-bottom:1px solid var(--asc-ink);margin-bottom:72px}.asc-ch-link{display:flex;align-items:baseline;gap:16px;padding:28px 24px 28px 0;text-decoration:none;color:var(--asc-ink);position:relative;transition:background .35s ease,padding-left .35s ease;cursor:pointer}.asc-ch-link+.asc-ch-link{border-left:1px solid var(--asc-rule);padding-left:24px}.asc-ch-link:hover{background:var(--asc-paper-2)}.asc-ch-link:hover .asc-ch-link-arrow{transform:translateY(4px);opacity:1}.asc-ch-link-num{font-family:var(--asc-serif);font-style:italic;font-weight:500;font-size:18px;color:var(--asc-mute);letter-spacing:.04em;flex-shrink:0}.asc-ch-link-label{font-family:var(--asc-display);font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.01em;flex:1}.asc-ch-link-arrow{font-family:var(--asc-serif);font-style:italic;font-weight:400;font-size:18px;color:var(--asc-mute);opacity:.55;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s ease;flex-shrink:0}.asc-chapter-tag{scroll-margin-top:100px}@media(max-width:880px){.asc-chapter-index{grid-template-columns:1fr}.asc-ch-link+.asc-ch-link{border-left:none;padding-left:0;border-top:1px solid var(--asc-rule)}}.asc-chapter-tag{display:flex;align-items:center;gap:18px;margin-bottom:32px;padding-top:28px;border-top:1px solid var(--asc-rule)}.asc-chapter-tag .asc-ch-num{font-family:var(--asc-serif);font-style:italic;font-weight:500;font-size:18px;color:var(--asc-ink);letter-spacing:.04em}.asc-chapter-tag .asc-ch-rule{width:56px;height:1px;background:var(--asc-ink);flex-shrink:0}.asc-chapter-tag .asc-ch-label{font-family:var(--asc-sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;color:var(--asc-ink)}.asc-portfolio-grid+.asc-chapter-tag{margin-top:80px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/asc-portfolio.css.map */