.portfolio-page{background:#09090a;color:#f4f1ee;--line:#302e31}
.portfolio-page .site-header{background:#101012;border-color:#29272a;color:#f4f1ee}
.portfolio-page .site-header nav>a[aria-current="page"]{color:#f04a51}
.portfolio-main{overflow:hidden;padding-bottom:0}
.portfolio-intro{min-height:410px;padding:76px 7.5% 56px;display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;background:radial-gradient(ellipse at 77% 5%,#351518 0,transparent 43%),#0b0b0c}
.portfolio-intro .eyebrow{margin-bottom:18px}.portfolio-intro h1{font-size:clamp(68px,10vw,138px);line-height:.83;margin:0;letter-spacing:-.035em}.portfolio-intro h1 em{color:#ed343b;font-style:normal}
.portfolio-note{max-width:250px;margin:0 5vw 8px 24px;color:#aaa6a6;font-size:12px;line-height:1.9}
.portfolio-scroll{position:absolute;left:7.5%;bottom:20px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.16em;color:#8c8788}.portfolio-scroll span{color:#ef3038;font-size:17px}
.portfolio-gallery{padding:28px 5% 88px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(48px,6.4vw,90px);gap:14px;max-width:1700px;margin:auto}
.portfolio-card{position:relative;display:block;padding:0;border:0;background:#161517;overflow:hidden;text-align:left;isolation:isolate;cursor:zoom-in;opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.3,1),box-shadow .45s ease}
.portfolio-card.is-visible{opacity:1;transform:translateY(0)}.portfolio-card:hover{box-shadow:0 18px 55px #0008}.portfolio-card:focus-visible{outline-offset:5px}
.portfolio-card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform 1s cubic-bezier(.2,.75,.3,1),filter .65s ease;filter:saturate(.93) contrast(1.02)}
.portfolio-card:hover img,.portfolio-card:focus-visible img{transform:scale(1.055);filter:saturate(1.12) contrast(1.04)}
.portfolio-card:after{content:"";position:absolute;inset:24% 0 0;background:linear-gradient(180deg,transparent 9%,#050506d9 100%);opacity:.76;transition:opacity .4s ease;z-index:0}.portfolio-card:hover:after{opacity:1}
.photo-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:18px 19px 17px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 12px;color:white;transform:translateY(4px);transition:transform .4s ease}.portfolio-card:hover .photo-caption{transform:translateY(0)}
.photo-caption>span{grid-column:1/-1;color:#f16b70;font-size:8px;letter-spacing:.17em;font-weight:700}.photo-caption b{font:600 clamp(20px,2.2vw,31px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em}.photo-caption i{font-size:17px;color:#fff;font-style:normal;transition:transform .25s ease}.portfolio-card:hover .photo-caption i{transform:translate(3px,-3px)}
.card-truck{grid-column:1/span 7;grid-row:span 5}.card-audi{grid-column:8/span 5;grid-row:span 5}.card-interior{grid-column:1/span 4;grid-row:span 4}.card-foam{grid-column:5/span 8;grid-row:span 4}.card-blue{grid-column:1/span 5;grid-row:span 5}.card-rear{grid-column:6/span 7;grid-row:span 5}.card-wheel{grid-column:1/span 6;grid-row:span 4}.card-foam-detail{grid-column:7/span 6;grid-row:span 4}
.card-audi img{object-position:center 54%}.card-interior img{object-position:center 44%}.card-blue img{object-position:center 55%}.card-wheel img{object-position:center 46%}
.portfolio-end{border-top:1px solid #2d2b2e;margin:0 5%;padding:25px 0 34px;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#8f8a8b;font-size:8px;letter-spacing:.15em}.portfolio-end a{color:#f4f1ee;letter-spacing:0;font-size:12px;font-weight:600}.portfolio-end a b{color:#ef343b;padding-left:9px;font-size:18px}
.portfolio-page footer{background:#080809;border-color:#252427}.portfolio-page .footer-bottom{border-color:#29282b}.agency-credit{color:inherit;text-decoration:underline;text-decoration-color:#655d5d;text-underline-offset:3px}.agency-credit:hover{color:#f04a51}
.portfolio-viewer{padding:0;width:min(1100px,94vw);max-width:none;max-height:92dvh;background:#0a0a0b;color:#eee;border:1px solid #343235;overflow:visible}.portfolio-viewer::backdrop{background:#000e;backdrop-filter:blur(8px)}.portfolio-viewer figure{height:min(82dvh,850px);margin:0;display:flex;flex-direction:column}.portfolio-viewer figure img{width:100%;height:calc(100% - 36px);object-fit:contain;background:#050506}.portfolio-viewer figcaption{height:36px;display:flex;align-items:center;padding:0 18px;color:#c4bdbd;font-size:10px;letter-spacing:.08em}.viewer-close,.viewer-arrow{position:absolute;z-index:2;width:42px;height:42px;border:1px solid #ffffff44;border-radius:50%;background:#111d;color:#fff;font-size:24px;display:grid;place-items:center}.viewer-close{right:13px;top:13px}.viewer-arrow{top:50%;transform:translateY(-50%)}.viewer-prev{left:13px}.viewer-next{right:13px}.viewer-count{position:absolute;right:22px;bottom:42px;margin:0;color:#bdb6b6;font-size:9px;letter-spacing:.1em}
@media(max-width:760px){.portfolio-intro{min-height:370px;padding:55px 6% 78px;grid-template-columns:1fr}.portfolio-intro h1{font-size:clamp(64px,14vw,104px)}.portfolio-note{margin:24px 0 0;font-size:11px}.portfolio-scroll{left:6%;bottom:20px}.portfolio-gallery{padding:20px 4% 58px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(45px,11.8vw,74px);gap:9px}.card-truck{grid-column:1/span 6;grid-row:span 5}.card-audi{grid-column:1/span 3;grid-row:span 4}.card-interior{grid-column:4/span 3;grid-row:span 4}.card-foam{grid-column:1/span 6;grid-row:span 4}.card-blue{grid-column:1/span 3;grid-row:span 4}.card-rear{grid-column:4/span 3;grid-row:span 4}.card-wheel{grid-column:1/span 3;grid-row:span 4}.card-foam-detail{grid-column:4/span 3;grid-row:span 4}.photo-caption{padding:12px 12px 13px}.photo-caption>span{font-size:7px}.photo-caption b{font-size:clamp(17px,4vw,25px)}.portfolio-end{margin:0 4%;padding:22px 0 29px;font-size:7px}.portfolio-end a{font-size:10px}.portfolio-viewer{width:100vw;max-width:100vw;max-height:100dvh;border:0}.portfolio-viewer figure{height:100dvh}.portfolio-viewer figure img{height:calc(100% - 36px)}.viewer-prev{left:9px}.viewer-next{right:9px}}
@media(max-width:430px){.portfolio-end{align-items:flex-start;flex-direction:column;gap:10px}.portfolio-end a{font-size:12px}.portfolio-gallery{grid-auto-rows:45px}.card-truck,.card-foam{grid-row:span 5}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card img,.photo-caption,.photo-caption i{transition:none!important}.portfolio-card{opacity:1;transform:none}}