/* Portfolio and editorial dossiers. Existing site typography and color tokens
   remain the source of truth; reusable portfolio cards also appear on Works. */
.portfolio-korean,.yonggam-title{font-family:"hanamdaum","source-han-sans-korean",sans-serif;font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:0;word-break:keep-all}
.portfolio-name-i{font-family:"optique-display",sans-serif;font-weight:700;font-style:normal;font-synthesis:none;letter-spacing:0}
.yonggam-title{line-height:1.35;overflow-wrap:normal;text-wrap:initial}
.yonggam-phrase{display:inline-block;white-space:nowrap}
.yonggam-title .portfolio-name-i{color:var(--blue)}
.portfolio-work-card h3:has(.yonggam-title),.portfolio-work-hero h1:has(.yonggam-title){line-height:1.35;letter-spacing:0}
.portfolio-name-story{padding-top:35px;padding-bottom:42px;border-top:1px solid var(--line)}
.portfolio-name-story>.eyebrow{color:var(--blue);margin-bottom:16px}
.portfolio-name-story>h2{font-size:clamp(30px,3vw,43px);margin-bottom:20px}
.portfolio-name-story>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:76ch}
.portfolio-name-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}
.portfolio-name-grid>article{min-width:0;padding-top:20px;border-top:1px solid var(--line)}
.portfolio-name-label{display:block;font-size:37px;line-height:1.5;color:var(--blue);margin-bottom:17px}
.portfolio-name-grid h3{font-size:22px;line-height:1.3;margin-bottom:12px}
.portfolio-name-grid p{font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:1000px){.portfolio-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:640px){.portfolio-name-story{padding-block:28px 34px}.portfolio-name-story>p{font-size:15px}.portfolio-name-grid{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:26px}.portfolio-name-label{font-size:34px;margin-bottom:12px}.portfolio-name-grid h3{font-size:23px}.portfolio-work-hero h1:has(.yonggam-title){font-size:clamp(32px,8.5vw,49px)}.portfolio-work-card h3:has(.yonggam-title){font-size:29px}}
.portfolio-page main,
.portfolio-dossier main{min-width:0}
.portfolio-page :is(h1,h2,h3),
.portfolio-dossier :is(h1,h2,h3),
.portfolio-work-card h3{overflow-wrap:anywhere;text-wrap:balance}
.portfolio-page :is(h1,h2,h3) em,
.portfolio-dossier :is(h1,h2,h3) em{font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit;color:var(--blue)}
.portfolio-page .eyebrow,
.portfolio-dossier .eyebrow,
.portfolio-work-card>.eyebrow{font:400 13px/1.6 var(--accent);letter-spacing:.035em}
.portfolio-page :is(.text-link,.button),
.portfolio-dossier :is(.text-link,.button){font-size:13px}
.portfolio-page section[id],
.portfolio-dossier section[id]{scroll-margin-top:35px}

.portfolio-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:6%;align-items:center;padding-top:54px;padding-bottom:52px}
.portfolio-hero-copy{min-width:0;padding-block:14px}
.portfolio-hero-copy>.eyebrow{color:var(--blue);margin-bottom:24px}
.portfolio-hero-copy h1{font-family:var(--display);font-size:clamp(52px,5.7vw,88px);line-height:1.02;letter-spacing:-.045em;max-width:11ch}
.portfolio-hero-copy>.lead{font-size:17px;line-height:1.8;color:var(--muted);margin-top:27px;max-width:49ch}
.portfolio-hero-copy>.text-link{margin-top:22px}
.portfolio-hero-copy .breadcrumb{margin-bottom:32px;flex-wrap:wrap}
.portfolio-hero-art{min-width:0;position:relative}
.portfolio-hero-art>img{width:100%;height:auto;aspect-ratio:1.2;object-position:50% 50%;background:var(--ink)}
.portfolio-hero-art>figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 20px;padding-top:12px;color:var(--muted);font:400 13px/1.5 var(--accent)}

.portfolio-index{padding-top:23px;padding-bottom:29px;border-block:1px solid var(--line)}
.portfolio-index>p{font:400 13px/1.6 var(--accent);letter-spacing:.025em;color:var(--muted);margin-bottom:20px}
.portfolio-index>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.portfolio-index>nav>a{min-width:0;display:flex;align-items:flex-start;gap:16px;padding-block:9px;min-height:65px}
.portfolio-index>nav>a+a{border-left:1px solid var(--line);padding-left:26px}
.portfolio-index-number{color:var(--blue);font:400 28px/1.1 var(--accent);flex-shrink:0;min-width:34px}.portfolio-index-number small{font-size:13px;line-height:1.4;margin-top:4px;color:var(--muted)}
.portfolio-index>nav>a>div{min-width:0}
.portfolio-index strong{display:block;font:600 20px/1.25 var(--serif);letter-spacing:-.025em;overflow-wrap:anywhere}
.portfolio-index small{display:block;font:400 13px/1.5 var(--accent);color:var(--muted);margin-top:7px}
.portfolio-index>nav>a:hover strong{color:var(--blue)}

.portfolio-section{padding-top:76px;padding-bottom:0}
.portfolio-section>.section-intro{align-items:flex-end;gap:40px;margin-bottom:34px}
.portfolio-section>.section-intro>div{min-width:0}
.portfolio-section>.section-intro .eyebrow{margin-bottom:16px}
.portfolio-section>.section-intro h2{font-size:clamp(32px,3.2vw,49px);max-width:23ch}
.portfolio-section>.section-intro>p{font-size:15px;line-height:1.8;max-width:41ch}

.portfolio-master{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:9%;padding:clamp(30px,4.1vw,62px)}
.portfolio-master-copy{min-width:0}
.portfolio-master-copy>.eyebrow{color:#bdcafd;margin-bottom:22px}
.portfolio-master-copy>h3{font-size:clamp(32px,3.5vw,54px);line-height:1.13;max-width:21ch}
.portfolio-master-copy>p{font-size:15px;line-height:1.85;margin-top:22px;color:#c9d0dd;max-width:59ch}
.portfolio-master-copy>.text-link{margin-top:23px;color:var(--paper);border-bottom-color:#8e99aa}
.portfolio-master-points{display:flex;flex-direction:column;justify-content:center;min-width:0}
.portfolio-master-points>div{padding-block:21px;border-top:1px solid #ffffff35}
.portfolio-master-points>div:last-child{border-bottom:1px solid #ffffff35}
.portfolio-master-points strong{display:block;font:600 23px/1.3 var(--serif);letter-spacing:-.025em;margin-bottom:9px;overflow-wrap:anywhere}
.portfolio-master-points span{display:block;color:#bdc6d5;font-size:14px;line-height:1.75;max-width:39ch}

.portfolio-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
.portfolio-domain-card{display:flex;flex-direction:column;min-width:0}
.portfolio-domain-art{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--ink);aspect-ratio:1.55}
.portfolio-domain-art>img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.portfolio-domain-art::after{content:"";position:absolute;inset:40% 0 0;z-index:0;background:linear-gradient(transparent,#111e35b8);pointer-events:none}
.portfolio-domain-art>span{position:absolute;z-index:1;bottom:14px;left:17px;right:17px;color:white;font:400 13px/1.5 var(--accent);letter-spacing:.02em;text-shadow:0 1px 5px #0006}
.portfolio-domain-copy{padding-top:20px;display:flex;flex:1;flex-direction:column;min-width:0}
.portfolio-domain-copy>.eyebrow{color:var(--muted);margin-bottom:9px}
.portfolio-domain-copy>h3{font-size:clamp(25px,2.2vw,34px);line-height:1.15;letter-spacing:-.035em}
.portfolio-domain-copy>h3>span{font-family:var(--body);font-size:21px;color:var(--blue);white-space:nowrap}
.portfolio-domain-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px;margin-bottom:20px}
.portfolio-domain-copy>small{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font:400 13px/1.6 var(--accent)}
.portfolio-domain-action{display:block;margin-top:15px;font-size:12px;font-weight:600;line-height:1.5;color:var(--blue)}
.portfolio-domain-card:hover h3{color:var(--blue)}

.portfolio-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portfolio-work-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:32px 34px 25px;border:1px solid #d2d3cc;background:#f0eee6;transition:border-color .2s,background .2s}
.portfolio-work-card>.eyebrow{color:var(--blue);margin-bottom:22px}
.portfolio-work-card>h3{font-size:clamp(29px,2.7vw,41px);line-height:1.15;max-width:23ch}
.portfolio-work-card>.portfolio-work-subtitle{font:400 14px/1.65 var(--accent);color:#59636e;margin-top:13px;overflow-wrap:anywhere}
.portfolio-work-card>p:not(.portfolio-work-subtitle){color:var(--muted);font-size:15px;line-height:1.8;margin-top:20px;margin-bottom:27px;max-width:60ch}
.portfolio-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:18px;border-top:1px solid #cbd0c9}
.portfolio-card-bottom>small{font:400 13px/1.6 var(--accent);color:var(--muted);max-width:34ch}
.portfolio-card-bottom>span{font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);max-width:10ch;flex-shrink:0}
.portfolio-work-card:hover{border-color:var(--blue);background:#f6f4ed}
.portfolio-work-card:hover h3{color:var(--blue)}
.portfolio-work-card[data-work-slug="fermentation-goddesses"]{background:#e1e8dc;border-color:#c4cebc}
.portfolio-work-card[data-work-slug="fermentation-goddesses"]>.eyebrow{color:#365741}
.portfolio-work-card[data-work-slug="fermentation-goddesses"]:hover{background:#e8eee3;border-color:#55765e}
.portfolio-work-card[data-work-slug="fermentation-goddesses"]:hover h3{color:#365741}

.portfolio-happy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#11213d;color:var(--paper);margin-bottom:24px;overflow:hidden}
.portfolio-happy>img{width:100%;height:100%;min-height:380px;object-position:52% 50%}
.portfolio-happy>div{min-width:0;padding:clamp(30px,4.1vw,62px);align-self:center}
.portfolio-happy .eyebrow{color:#dfc894;margin-bottom:25px}
.portfolio-happy h3{font-family:"bc-vajgar",var(--display);font-size:clamp(49px,5.3vw,80px);font-weight:400;line-height:.95;letter-spacing:-.04em}
.portfolio-happy p{font-size:15px;line-height:1.85;color:#c9d0dd;margin-top:22px}
.portfolio-happy .text-link{margin-top:22px;border-color:#8e99aa}

.portfolio-ownership{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:35px;margin-top:58px}
.portfolio-ownership>div{min-width:0}
.portfolio-ownership .eyebrow{color:var(--blue);margin-bottom:13px}
.portfolio-ownership h3{font-size:clamp(25px,2.6vw,37px);max-width:25ch}
.portfolio-ownership p{font-size:14px;line-height:1.85;color:var(--muted);max-width:62ch}
.portfolio-ownership a{margin-top:14px}

.portfolio-license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.portfolio-license-grid>article{min-width:0;padding-top:22px;border-top:1px solid var(--line)}
.portfolio-license-grid>article>span{display:block;font:400 13px/1.6 var(--accent);color:var(--blue);margin-bottom:20px}
.portfolio-license-grid h3{font-size:27px;line-height:1.2;margin-bottom:14px}
.portfolio-license-grid p{font-size:14px;line-height:1.8;color:var(--muted);max-width:45ch}
.portfolio-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 8%;align-items:center;padding-top:48px;padding-bottom:75px;margin-top:54px;border-top:1px solid var(--line)}
.portfolio-footer>.eyebrow{grid-column:1;color:var(--blue)}
.portfolio-footer h2{grid-column:1;font-size:clamp(33px,3.5vw,52px);max-width:25ch}
.portfolio-footer p{grid-column:1;color:var(--muted);font-size:15px;line-height:1.75;max-width:57ch}
.portfolio-footer>.button{grid-column:2;grid-row:1/3;background:var(--blue);color:white;gap:24px;max-width:100%;white-space:normal;text-align:left}
.portfolio-footer>.button:hover{background:#183ab8}
.portfolio-back{grid-column:1;font:400 13px/1.6 var(--accent);text-decoration:underline;text-underline-offset:4px;justify-self:start;margin-top:8px}
.portfolio-back:hover{color:var(--blue)}
.portfolio-dossier .portfolio-footer>.button{grid-row:2/4}

/* Dossier pages deliberately use typography instead of invented posters. */
.portfolio-work-hero{padding-top:30px;padding-bottom:51px}
.portfolio-work-hero>.breadcrumb{margin-bottom:46px;flex-wrap:wrap}
.portfolio-work-hero>.eyebrow{color:var(--blue);margin-bottom:21px}
.portfolio-work-hero>h1{font-family:var(--display);font-size:clamp(47px,5.4vw,85px);line-height:1.06;letter-spacing:-.04em;max-width:21ch}
.portfolio-work-hero>.portfolio-work-subtitle{font:400 17px/1.7 var(--accent);color:var(--muted);margin-top:18px;max-width:74ch;overflow-wrap:anywhere}
.portfolio-work-hero>.lead{font-size:19px;line-height:1.85;color:var(--muted);margin-top:28px;max-width:78ch}
.portfolio-work-meta{display:flex;align-items:flex-start;gap:28px;border-top:1px solid var(--line);padding-top:21px;margin-top:35px;max-width:1060px}
.portfolio-work-meta>span{font:400 13px/1.7 var(--accent);color:var(--blue);flex-shrink:0}
.portfolio-work-meta>strong{font-size:14px;font-weight:400;line-height:1.8;max-width:72ch}
.portfolio-work-promise{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;padding-top:47px;padding-bottom:52px;border-top:1px solid var(--line)}
.portfolio-work-promise>div{min-width:0}
.portfolio-work-promise .eyebrow{color:var(--blue);margin-bottom:17px}
.portfolio-work-promise h2{font-size:clamp(32px,3.3vw,49px);max-width:18ch}
.portfolio-work-promise>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:65ch}
.portfolio-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.portfolio-moments>article{min-width:0;border-top:1px solid var(--line);padding-top:22px}
.portfolio-moments .eyebrow{color:var(--blue);margin-bottom:20px}
.portfolio-moments h3{font-size:clamp(26px,2.5vw,36px);line-height:1.17;margin-bottom:18px}
.portfolio-moments p{font-size:15px;line-height:1.85;color:var(--muted)}
.portfolio-work-note{margin-top:51px;padding-top:28px;padding-bottom:5px;border-top:1px solid var(--line)}
.portfolio-work-note p{font-size:13px;line-height:1.85;color:var(--muted);max-width:106ch}
.portfolio-work-note>a{margin-top:14px}
.portfolio-dossier .portfolio-section{padding-top:16px}
.portfolio-dossier[data-work-slug="fermentation-goddesses"] .portfolio-work-hero{background:#e1e8dc}
.portfolio-dossier[data-work-slug="fermentation-goddesses"] .portfolio-work-hero>.eyebrow{color:#365741}
.portfolio-fermentation-rights{padding-top:43px;padding-bottom:0}
.portfolio-fermentation-rights .portfolio-ownership{margin-top:0;background:#e1e8dc;border-color:#c4cebc;padding:31px}
.portfolio-fermentation-rights .portfolio-ownership .eyebrow{color:#365741}
.portfolio-fermentation-rights .portfolio-ownership p{margin-top:17px}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .portfolio-domain-card:hover .portfolio-domain-art>img{transform:scale(1.035)}
}

@media(max-width:1000px){
  .portfolio-hero{grid-template-columns:minmax(0,1fr);gap:31px;padding-top:36px;padding-bottom:35px}
  .portfolio-hero-copy{padding-block:0}
  .portfolio-hero-copy h1{font-size:clamp(51px,7.4vw,76px);max-width:16ch}
  .portfolio-hero-copy>.lead{max-width:65ch;margin-top:23px}
  .portfolio-hero-art>img{aspect-ratio:1.95;object-position:50% 47%}
  .portfolio-index>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 25px}
  .portfolio-index>nav>a:nth-child(3){border-left:0;padding-left:0}
  .portfolio-section{padding-top:59px}
  .portfolio-section>.section-intro{flex-direction:column;align-items:flex-start;gap:18px}
  .portfolio-section>.section-intro>p{max-width:65ch}
  .portfolio-master{grid-template-columns:minmax(0,1fr);gap:30px;padding:35px}
  .portfolio-master-copy>h3{max-width:27ch}
  .portfolio-master-points>div{padding-block:17px}
  .portfolio-master-points span{max-width:66ch}
  .portfolio-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
  .portfolio-domain-copy>h3{font-size:29px}
  .portfolio-work-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .portfolio-work-card{padding:29px 32px 24px}
  .portfolio-work-card>h3{font-size:36px;max-width:30ch}
  .portfolio-work-card>p:not(.portfolio-work-subtitle){max-width:72ch}
  .portfolio-card-bottom>small{max-width:60ch}
  .portfolio-happy{grid-template-columns:minmax(0,1fr)}
  .portfolio-happy>img{min-height:0;height:auto;aspect-ratio:1.9;object-position:52% 46%}
  .portfolio-happy>div{padding:36px}
  .portfolio-happy h3{font-size:69px}
  .portfolio-happy p{max-width:65ch}
  .portfolio-ownership{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:44px;padding-block:29px}
  .portfolio-ownership h3{max-width:32ch}
  .portfolio-ownership p{max-width:75ch}
  .portfolio-license-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .portfolio-license-grid>article>span{margin-bottom:12px}
  .portfolio-license-grid p{max-width:70ch}
  .portfolio-footer{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:43px;padding-top:36px;padding-bottom:59px}
  .portfolio-footer>.button,.portfolio-dossier .portfolio-footer>.button{grid-column:1;grid-row:auto;justify-self:start;margin-top:7px}
  .portfolio-work-hero>h1{font-size:clamp(47px,6.8vw,70px);max-width:23ch}
  .portfolio-work-promise{grid-template-columns:minmax(0,1fr);gap:25px}
  .portfolio-work-promise h2{max-width:27ch}
  .portfolio-work-promise>p{max-width:75ch}
  .portfolio-moments{grid-template-columns:minmax(0,1fr);gap:29px}
  .portfolio-moments p{max-width:77ch}
  .portfolio-moments h3{font-size:30px;max-width:30ch}
}

@media(max-width:640px){
  .portfolio-hero{padding-top:29px;gap:25px;padding-bottom:29px}
  .portfolio-hero-copy>.eyebrow{margin-bottom:19px}
  .portfolio-hero-copy h1{font-size:clamp(43px,10.6vw,61px);line-height:1.05;max-width:12ch;letter-spacing:-.04em}
  .portfolio-hero-copy>.lead{font-size:15px;line-height:1.8;margin-top:20px}
  .portfolio-hero-art>img{aspect-ratio:1.35}
  .portfolio-hero-art>figcaption{font-size:13px;line-height:1.5;padding-top:10px}
  .portfolio-index{padding-top:20px;padding-bottom:20px}
  .portfolio-index>p{margin-bottom:13px}
  .portfolio-index>nav{gap:13px 16px}
  .portfolio-index>nav>a{gap:10px;padding-block:7px;flex-direction:column}
  .portfolio-index-number{display:flex;align-items:baseline;gap:7px;font-size:23px}
  .portfolio-index-number small{margin-top:0}
  .portfolio-index>nav>a+a{padding-left:15px}
  .portfolio-index>nav>a:nth-child(3){padding-left:0}
  .portfolio-index strong{font-size:19px;line-height:1.25}
  .portfolio-index small{font-size:13px;margin-top:5px;line-height:1.45}
  .portfolio-section{padding-top:48px}
  .portfolio-section>.section-intro{margin-bottom:26px;gap:15px}
  .portfolio-section>.section-intro .eyebrow{margin-bottom:13px}
  .portfolio-section>.section-intro h2{font-size:34px;line-height:1.14}
  .portfolio-section>.section-intro>p{font-size:14px;line-height:1.8}
  .portfolio-master{padding:26px 23px;gap:25px}
  .portfolio-master-copy>.eyebrow{margin-bottom:18px}
  .portfolio-master-copy>h3{font-size:32px;line-height:1.17}
  .portfolio-master-copy>p{font-size:14px;margin-top:18px}
  .portfolio-master-copy>.text-link{margin-top:16px;gap:16px}
  .portfolio-master-points strong{font-size:22px}
  .portfolio-master-points span{font-size:14px}
  .portfolio-domain-grid{grid-template-columns:minmax(0,1fr);gap:31px}
  .portfolio-domain-art{aspect-ratio:1.58}
  .portfolio-domain-copy{padding-top:17px}
  .portfolio-domain-copy>h3{font-size:30px}
  .portfolio-domain-copy>p{margin-top:12px;margin-bottom:16px}
  .portfolio-domain-copy>small{padding-top:12px}
  .portfolio-work-card{padding:25px 23px 23px}
  .portfolio-work-card>.eyebrow{margin-bottom:18px}
  .portfolio-work-card>h3{font-size:30px;line-height:1.19}
  .portfolio-work-card>.portfolio-work-subtitle{font-size:14px;line-height:1.6}
  .portfolio-work-card>p:not(.portfolio-work-subtitle){font-size:14px;line-height:1.85;margin-top:17px;margin-bottom:22px}
  .portfolio-card-bottom{align-items:flex-start;flex-direction:column;gap:15px;padding-top:16px}
  .portfolio-card-bottom>span{max-width:none;min-height:24px;font-size:13px}
  .portfolio-happy>img{aspect-ratio:1.35}
  .portfolio-happy>div{padding:28px 23px}
  .portfolio-happy .eyebrow{margin-bottom:20px}
  .portfolio-happy h3{font-size:clamp(48px,13vw,68px)}
  .portfolio-happy p{font-size:14px;margin-top:20px}
  .portfolio-happy .text-link{margin-top:18px}
  .portfolio-ownership{margin-top:35px;padding-block:25px}
  .portfolio-ownership h3{font-size:29px}
  .portfolio-license-grid{gap:25px}
  .portfolio-license-grid h3{font-size:27px}
  .portfolio-footer{margin-top:36px;padding-top:29px;padding-bottom:48px;gap:16px}
  .portfolio-footer h2{font-size:34px}
  .portfolio-footer p{font-size:14px}
  .portfolio-footer>.button{padding-inline:18px;gap:18px}
  .portfolio-work-hero{padding-top:24px;padding-bottom:34px}
  .portfolio-work-hero>.breadcrumb{margin-bottom:32px;gap:8px 11px}
  .portfolio-work-hero>.eyebrow{margin-bottom:18px}
  .portfolio-work-hero>h1{font-size:clamp(38px,9.1vw,54px);line-height:1.1;letter-spacing:-.035em}
  .portfolio-work-hero>.portfolio-work-subtitle{font-size:15px;margin-top:15px}
  .portfolio-work-hero>.lead{font-size:16px;line-height:1.85;margin-top:23px}
  .portfolio-work-meta{flex-direction:column;gap:8px;padding-top:18px;margin-top:27px}
  .portfolio-work-promise{gap:20px;padding-top:32px;padding-bottom:35px}
  .portfolio-work-promise h2{font-size:33px}
  .portfolio-work-promise>p{font-size:15px;line-height:1.85}
  .portfolio-moments{gap:27px}
  .portfolio-moments .eyebrow{margin-bottom:15px}
  .portfolio-moments h3{font-size:28px;margin-bottom:15px}
  .portfolio-moments p{font-size:14px;line-height:1.85}
  .portfolio-work-note{margin-top:35px;padding-top:23px}
  .portfolio-fermentation-rights{padding-top:32px}
  .portfolio-fermentation-rights .portfolio-ownership{padding:25px 23px}
}

@media(prefers-reduced-motion:reduce){
  html:has(.portfolio-page),html:has(.portfolio-dossier){scroll-behavior:auto}
  .portfolio-domain-art>img,.portfolio-work-card{transition:none;transform:none}
  .portfolio-page .text-link span,.portfolio-dossier .text-link span{transition:none;transform:none}
}