.tattoo-portfolio{border-top:1px solid #ffffff24;overflow:hidden;padding-top:90px;padding-bottom:100px}.portfolio-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:60px;margin-bottom:55px}.portfolio-intro h2{font-size:clamp(66px,9vw,132px)}.portfolio-intro-copy{max-width:440px;padding-bottom:5px}.portfolio-intro .lead{margin-top:0}.portfolio-intro .small{margin-top:15px;color:#898985}
.portfolio-feature{display:grid;grid-template-columns:1.18fr 1fr;gap:42px;align-items:start}.work-card{margin:0;min-width:0;grid-column:span 2}.work-photo{display:block;position:relative;background:#171717;overflow:hidden}.work-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:none;transition:transform .35s ease}.work-photo:hover img{transform:scale(1.025)}.photo-expand{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:38px;height:38px;background:#0b0b0bc9;border:1px solid #ffffff65;color:#fff;font-size:21px}.work-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:13px;color:#d4d4cf;font:11px/1.6 Arial,sans-serif}.work-card figcaption small{font-size:8px;letter-spacing:1.2px;color:#888882;text-align:right}.portfolio-feature>.work-card .work-photo img{aspect-ratio:3/4}.portfolio-feature-side{display:grid;gap:30px}.portfolio-statement{border-top:1px solid #ffffff40;padding-top:28px}.portfolio-statement h3{font-size:clamp(42px,5.4vw,76px)}.portfolio-statement>p:not(.eyebrow){font-size:13px;max-width:340px;margin:22px 0}.portfolio-statement .text-link{display:inline-block;min-height:36px}.portfolio-feature-side .work-video video{height:clamp(270px,31vw,400px);aspect-ratio:auto}
.work-video{position:relative;background:#151515}.work-video video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#111;color:#fff}.video-label{position:absolute;left:12px;top:12px;pointer-events:none;background:#0b0b0bcc;padding:5px 8px;font:8px/1.3 Arial,sans-serif;letter-spacing:1px;color:#ddd}
.portfolio-chapter{margin-top:90px}.portfolio-chapter-heading{display:grid;grid-template-columns:70px 1.1fr 1fr;align-items:end;gap:25px;border-top:1px solid #ffffff30;padding-top:34px;margin-bottom:38px}.chapter-index{align-self:start;font-family:var(--heading-font,"Ink Condensed",Impact,sans-serif);font-size:66px;line-height:1;color:#777770}.portfolio-chapter-heading h3{font-size:clamp(38px,4.8vw,64px)}.portfolio-chapter-heading>p{font-size:13px;line-height:1.9;max-width:330px;justify-self:end}.portfolio-chapter-heading .eyebrow{font-size:9px;margin-bottom:14px}.portfolio-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 24px;align-items:start}.work-card--wide{grid-column:span 3}.work-card--wide .work-photo img{aspect-ratio:4/5}.portfolio-invite{grid-column:span 2;align-self:stretch;border:1px solid #ffffff30;padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#ffffff04}.invite-star{font-size:38px;line-height:1;margin-bottom:32px;color:#e6e6dd}.portfolio-invite .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:14px}.portfolio-invite h3{font-size:clamp(30px,3.5vw,48px)}.portfolio-invite>p:not(.eyebrow){font-size:12px;margin:20px 0 24px}.portfolio-invite .button{font-size:8px;letter-spacing:.7px;padding:12px 13px;gap:15px;max-width:100%}
.portfolio-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:20px 4%;border:0;background:#0b0b0bf5;color:#f4f4f0;overflow:auto}.portfolio-lightbox::backdrop{background:#000}.portfolio-lightbox[open]{display:flex;flex-direction:column}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px Arial,sans-serif;letter-spacing:1.5px;flex-shrink:0}.portfolio-lightbox button{border:1px solid #777;background:#151515;color:#fff;min-width:44px;min-height:44px;padding:10px;font:13px Arial,sans-serif}.portfolio-lightbox button:hover{border-color:#fff}.lightbox-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:20px;flex:1;min-height:0;padding:15px 0}.lightbox-stage img{width:100%;height:100%;max-height:calc(100dvh - 145px);object-fit:contain;min-height:0}.portfolio-lightbox>p{text-align:center;font:12px/1.6 Arial,sans-serif;color:#bbb;margin:0;flex-shrink:0}.portfolio-zoom-open{overflow:hidden}
@media(max-width:1000px){.portfolio-feature{gap:28px}.portfolio-statement>p:not(.eyebrow){font-size:12px}.portfolio-chapter-heading{grid-template-columns:55px 1.1fr 1fr;gap:20px}.portfolio-mosaic{gap:30px 18px}.work-card figcaption{display:block}.work-card figcaption small{display:block;text-align:left;margin-top:3px}.portfolio-invite{padding:25px 18px}.invite-star{margin-bottom:20px}}
@media(max-width:700px){.tattoo-portfolio{padding-top:60px;padding-bottom:65px}.portfolio-intro{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.portfolio-intro h2{font-size:74px}.portfolio-intro .lead{font-size:13px}.portfolio-feature{grid-template-columns:1fr;gap:30px}.portfolio-feature>.work-card .work-photo img{aspect-ratio:4/5}.portfolio-feature-side{grid-template-columns:1fr 1fr;gap:18px;align-items:start}.portfolio-statement{padding-top:18px}.portfolio-statement .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:16px}.portfolio-statement h3{font-size:38px}.portfolio-statement>p:not(.eyebrow){font-size:11px;line-height:1.8;margin:16px 0}.portfolio-statement .text-link{font-size:8px;letter-spacing:.4px}.portfolio-feature-side .work-video video{height:auto;aspect-ratio:464/832}.portfolio-feature-side .work-card figcaption{font-size:10px}.video-label{font-size:6px;letter-spacing:.5px;left:6px;top:6px;padding:4px}.portfolio-chapter{margin-top:55px}.portfolio-chapter-heading{grid-template-columns:45px minmax(0,1fr);gap:16px;padding-top:25px;margin-bottom:25px}.chapter-index{font-size:50px}.portfolio-chapter-heading h3{font-size:41px}.portfolio-chapter-heading>p{grid-column:2;font-size:12px;justify-self:start}.portfolio-chapter-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.portfolio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.portfolio-mosaic .work-card,.portfolio-invite{grid-column:span 1}.work-card--wide .work-photo img{aspect-ratio:3/4}.work-card figcaption{font-size:10px;padding-top:9px}.work-card figcaption small{font-size:7px;letter-spacing:.7px}.photo-expand{width:30px;height:30px;font-size:18px;right:9px;bottom:9px}.portfolio-personal .work-card:last-child{grid-column:1/-1;max-width:100%}.portfolio-personal .work-card:last-child video{aspect-ratio:4/3;max-height:400px}.portfolio-invite{padding:20px 14px;min-height:260px}.portfolio-invite h3{font-size:32px}.portfolio-invite>p:not(.eyebrow){font-size:10px;margin:15px 0}.portfolio-invite .button{font-size:7px;padding:10px;gap:8px;letter-spacing:0}.invite-star{font-size:26px;margin-bottom:20px}.lightbox-stage{gap:7px;grid-template-columns:38px minmax(0,1fr) 38px}.portfolio-lightbox{padding:14px 3%}.portfolio-lightbox button{min-width:38px;padding:8px}.lightbox-toolbar{font-size:8px;letter-spacing:1px}.portfolio-lightbox>p{font-size:10px}}
@media(max-width:359px){.portfolio-intro h2{font-size:64px}.portfolio-feature-side{grid-template-columns:1fr}.portfolio-feature-side .work-video video{height:380px}.portfolio-statement h3{font-size:45px}.portfolio-invite{grid-column:1/-1}.portfolio-invite .button{font-size:9px}.portfolio-chapter-heading h3{font-size:36px}.portfolio-mosaic{column-gap:11px}}
.portfolio-feature>.work-card,.portfolio-feature-side>.work-card{grid-column:auto}
@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}}