#portfolio-content[data-hero-lab]:has([data-direction=typographic]){--d1-display:"Lab Antonio", "Arial Narrow", sans-serif;--d1-body:var(--hero-font);--d1-page-title:clamp(48px, 5.8vw, 100px);--d1-section:clamp(38px, 4.1vw, 72px);--d1-subsection:clamp(28px, 2.8vw, 44px);--d1-body-size:clamp(17px, 1.25vw, 21px);--d1-lead:clamp(19px, 1.55vw, 25px);--d1-meta:14px;--d1-action:20px}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(#work-title,.gallery-heading h3,.project-title,.f24-editorial h3,[data-contact-head] h2){font-family:var(--d1-display);letter-spacing:-.005em;text-transform:uppercase;font-style:normal;font-weight:700;line-height:1.02}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(#work-title,[data-contact-head] h2){font-size:var(--d1-section)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) .gallery-heading h3{font-size:var(--d1-subsection)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) .project-title{font-size:clamp(36px,3.8vw,64px)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) .feature-headline{font:600 var(--d1-lead)/1.4 var(--d1-body);letter-spacing:0}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.feature-body,.project-line,.selected-heading>p){font:400 var(--d1-body-size)/1.6 var(--d1-body)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.project-actions a,.case-action){font-family:var(--d1-display);font-size:var(--d1-action);letter-spacing:.04em;text-transform:uppercase;font-weight:700}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.feature-label,.project-number,.gallery-count,.project-stack,.project-tags li){font-family:var(--d1-body);font-size:var(--d1-meta);letter-spacing:.03em}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.c-date,.c-project-stack,.c-highlights dt,.short-kicker,.short-step,.story-eyebrow,.question-number,.scene-caption,.section-num,.sheet-num,.sheet-label){font-family:var(--d1-body);font-size:var(--d1-meta);letter-spacing:.04em;font-weight:500;line-height:1.5}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) .story-index a>span{font-family:var(--d1-body)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.story-answer,.short-introduction,.c-bullets li,.c-project-description){font-family:var(--d1-body);font-size:var(--d1-body-size);line-height:1.6}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.story-lead,.c-recommendation blockquote){font:500 var(--d1-lead)/1.5 var(--d1-body)}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) [data-line-m]{--ui:var(--d1-body);--read:var(--d1-body)}@media (width<=767px){#portfolio-content[data-hero-lab]:has([data-direction=typographic]){--d1-meta:13px;--d1-action:19px}}#portfolio-content [data-direction=typographic] [data-current-reading]{min-width:0}#portfolio-content[data-hero-lab] .current-work{margin-top:0;padding-block:clamp(56px,7vw,112px) clamp(64px,8vw,128px);scroll-margin-top:100px;overflow:clip}#portfolio-content[data-hero-lab] .current-work .selected-heading{border-bottom:1px solid color-mix(in srgb, var(--lime) 28%, transparent);align-items:end;margin-bottom:clamp(44px,6vw,104px);padding-bottom:clamp(28px,4vw,64px)}#portfolio-content[data-hero-lab] .current-work #work-title{color:var(--lime);letter-spacing:-.025em;font-size:clamp(44px,6vw,88px);line-height:1.04}#portfolio-content[data-hero-lab] .current-work [data-current-word]{width:max-content;max-width:100%;padding-block:.04em;display:inline-block}#portfolio-content[data-hero-lab] .current-work [data-current-word]:last-child{margin-left:.18em}#portfolio-content[data-hero-lab] .current-work .selected-heading>p{max-width:25ch;padding-bottom:.5em}#portfolio-content[data-hero-lab] .current-work .f24-photo-link{padding:18px 12px 0}#portfolio-content[data-hero-lab] .current-work .f24-working{padding-bottom:48px}#portfolio-content[data-hero-lab] .current-work .f24-moment img{border-radius:24px}#portfolio-content[data-hero-lab] .current-work .f24-editorial h3{color:var(--lime);font-size:clamp(70px,8vw,144px)}#portfolio-content[data-hero-lab] .current-work .independent-projects{padding-top:clamp(64px,9vw,144px)}#portfolio-content[data-hero-lab] .current-work .gallery-heading{margin-bottom:0;padding-bottom:28px}#portfolio-content[data-hero-lab] .current-work .project-rows{gap:0}#portfolio-content[data-hero-lab] .current-work .project-row{border-top:1px solid color-mix(in srgb, var(--lime) 28%, transparent);column-gap:clamp(32px,5vw,80px);padding-block:clamp(40px,6vw,96px)}#portfolio-content[data-hero-lab] .current-work .project-title{letter-spacing:-.02em;margin-block:18px 24px;font-size:clamp(54px,6.6vw,116px);line-height:1}#portfolio-content[data-hero-lab] .current-work .project-title a{color:var(--lime)}#portfolio-content[data-hero-lab] .current-work .project-title svg{flex-shrink:0;align-self:start;width:.3em;height:.3em;margin-top:.12em}#portfolio-content[data-hero-lab] .current-work .project-line{max-width:34ch}#portfolio-content[data-hero-lab] .current-work [data-current-art]{transform-origin:50%;border-radius:24px;overflow:clip}#portfolio-content[data-hero-lab] .current-work .preview-link{border-radius:24px}#portfolio-content[data-hero-lab] .current-work .preview-frame{border-radius:0}#portfolio-content[data-hero-lab] .current-work .project-tags li{border:1px solid color-mix(in srgb, var(--lime) 28%, transparent);background:0 0}#portfolio-content[data-hero-lab] .current-work .project-actions{margin-top:24px}@media (width<=979px){#portfolio-content[data-hero-lab] .current-work .project-row{gap:28px}#portfolio-content[data-hero-lab] .current-work .project-title{margin-block:12px 16px;font-size:clamp(52px,10vw,92px)}#portfolio-content[data-hero-lab] .current-work .project-line{max-width:55ch}}@media (width<=600px){#portfolio-content[data-hero-lab] .current-work{padding-block:44px 48px;scroll-margin-top:84px}#portfolio-content[data-hero-lab] .current-work #work-title{font-size:clamp(40px,10vw,52px)}#portfolio-content[data-hero-lab] .current-work .selected-heading{gap:24px;margin-bottom:32px}#portfolio-content[data-hero-lab] .current-work .selected-heading>p{font-size:17px}#portfolio-content[data-hero-lab] .current-work .f24-photo-link{padding-inline:8px}#portfolio-content[data-hero-lab] .current-work .f24-working{padding-bottom:28px}#portfolio-content[data-hero-lab] .current-work .f24-moment img,#portfolio-content[data-hero-lab] .current-work [data-current-art],#portfolio-content[data-hero-lab] .current-work .preview-link{border-radius:16px}#portfolio-content[data-hero-lab] .current-work .project-row{padding-block:32px 40px}}#portfolio-content[data-hero-lab] .current-work .project-rows{isolation:isolate;display:block}#portfolio-content[data-hero-lab] .current-work .project-shell{--chapter-bg:var(--forest);--chapter-ink:var(--lime);--chapter-copy:var(--paper);--chapter-muted:var(--sage);z-index:var(--chapter-index);perspective:1800px;margin-top:32px;display:flow-root;position:relative}#portfolio-content[data-hero-lab] .current-work [data-chapter-tone=lime]{--chapter-bg:var(--lime);--chapter-ink:var(--ink);--chapter-copy:var(--forest);--chapter-muted:var(--forest)}#portfolio-content[data-hero-lab] .current-work .project-row{isolation:isolate;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--chapter-ink) 24%, transparent);background:var(--chapter-bg);color:var(--chapter-copy);transform-origin:50% 0;border-radius:32px;padding:clamp(28px,3vw,48px);position:relative}#portfolio-content[data-hero-lab] .current-work .chapter-shade{z-index:5;background:var(--ink);border-radius:inherit;opacity:0;pointer-events:none;display:block;position:absolute;inset:0}#portfolio-content[data-hero-lab] .current-work .project-title a,#portfolio-content[data-hero-lab] .current-work .project-actions a{color:var(--chapter-ink)}#portfolio-content[data-hero-lab] .current-work .project-line{color:var(--chapter-copy)}#portfolio-content[data-hero-lab] .current-work .project-number,#portfolio-content[data-hero-lab] .current-work .project-stack{color:var(--chapter-muted)}#portfolio-content[data-hero-lab] .current-work .project-tags li{color:var(--chapter-copy);border-color:color-mix(in srgb, var(--chapter-ink) 24%, transparent)}#portfolio-content[data-hero-lab] .current-work [data-chapter-tone=lime] a:focus-visible{outline-color:var(--plum)}#portfolio-content[data-hero-lab] .current-work .project-shell:first-child{margin-top:0}#portfolio-content[data-hero-lab] .current-work[data-chapter-mode=stacked] .project-shell{min-height:calc(var(--chapter-height) + var(--chapter-travel));margin-top:calc(-1 * var(--chapter-overlap,0px))}#portfolio-content[data-hero-lab] .current-work[data-chapter-mode=stacked] .project-shell:last-child{min-height:var(--chapter-height)}#portfolio-content[data-hero-lab] .current-work[data-chapter-mode=stacked] .project-row{top:var(--chapter-top);min-height:var(--chapter-viewport);position:sticky}@media (width<=1023px){#portfolio-content[data-hero-lab] .current-work .project-row{border-radius:24px;padding:24px}#portfolio-content[data-hero-lab] .current-work .project-shell{margin-top:24px}}@media print{#portfolio-content[data-hero-lab] .current-work .project-shell{min-height:0!important;margin-top:24px!important}#portfolio-content[data-hero-lab] .current-work .project-row{min-height:0!important;position:static!important;transform:none!important}#portfolio-content[data-hero-lab] .current-work .chapter-shade{display:none}}#portfolio-content [data-reader-head]{background:var(--paper);align-self:start;padding-block:18px;position:relative}#portfolio-content [data-reader-head]:after{content:"";background:var(--plum);height:2px;transform:scaleX(var(--reader-progress,1));transform-origin:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0}#portfolio-content [data-reader-held]{top:var(--reader-top);z-index:3;position:sticky}@media (width>=1024px){#portfolio-content .story-question[data-reader-section]{min-height:calc(82svh / var(--lab-zoom,1))}}@media print{#portfolio-content [data-reader-head]{position:static!important;transform:none!important}#portfolio-content [data-reader-section]{min-height:0!important}}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.feature-label,.gallery-count,.project-stack,.c-date,.c-project-stack,.c-highlights dt,.short-kicker,.story-eyebrow,.question-number,.scene-caption){font-family:var(--d1-body);letter-spacing:0;text-transform:none;font-weight:400}#portfolio-content[data-hero-lab]:has([data-direction=typographic]) :is(.story-answer,.short-introduction,.c-project-description){font-weight:400}@media (width>=1024px){#portfolio-content[data-hero-lab]:has([data-direction=typographic]){--d1-body-size:21.25px}}
