.tri-case{--tri-gold:#c8ad67;--tri-cocoa:#3a2419;--tri-light:#f4f2ef}
.tri-opening{padding-top:40px}
.tri-opening .breadcrumbs{margin-bottom:44px}
.tri-title-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:68px;align-items:start}
.tri-title-grid h1{font-size:clamp(52px,5.8vw,85px);line-height:1.08;margin:24px 0 0}
.tri-title-grid h1 em{display:block}
.tri-intro>p{font-size:1.0625rem;line-height:1.75;max-width:560px}
.tri-intro>p.tri-lead{font-size:1.5rem;line-height:1.45;margin-bottom:22px}
.tri-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin:27px 0 0}
.tri-meta>div:last-child{grid-column:1/-1}
.tri-meta dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tri-meta dd{font-size:.875rem;line-height:1.6;margin:5px 0 0}
.tri-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:46px;border-top:1px solid var(--ink);padding-block:25px 31px}
.tri-chapters a{display:grid;grid-template-columns:auto 1fr;column-gap:12px;text-decoration:none;align-content:start}
.tri-chapters a>span{grid-row:1/3;font-size:.75rem;color:var(--muted);padding-top:3px}
.tri-chapters strong{font-size:1rem;font-weight:500;line-height:1.5}
.tri-chapters small{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-top:3px}
.tri-chapters a:hover strong{text-decoration:underline;text-underline-offset:5px}
.tri-art{margin:0;min-width:0}
.tri-art a{display:block}
.tri-art img{display:block;width:100%;height:auto;object-fit:contain}
.tri-art figcaption{font-size:.8125rem;line-height:1.65;color:var(--muted);padding-top:13px}
.tri-hero img{max-height:760px;background:#efeced}
.tri-chapter{scroll-margin-top:24px;padding-block:80px}
.tri-section-heading{display:grid;grid-template-columns:1.18fr 1fr;gap:75px;align-items:end;margin-bottom:43px}
.tri-section-heading h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:0}
.tri-section-heading>div>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;max-width:610px}
.tri-section-heading>div>p:last-child{margin-bottom:0}
.tri-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.tri-logo-panel{background:var(--tri-gold);padding:54px 36px 36px;text-align:center}
.tri-wordmark{max-width:520px;margin-inline:auto}
.tri-logo-panel>p{font-family:var(--serif);font-size:1.5rem;line-height:1.45;margin-top:30px;margin-bottom:0}
.tri-identity-notes{padding-top:33px;max-width:550px}
.tri-identity-notes h3,.tri-gallery-heading h3,.tri-pack-story h3,.tri-lab-positioning h3{font-size:clamp(35px,3.3vw,50px);margin-bottom:22px}
.tri-identity-notes p{font-size:1rem;line-height:1.8}
.tri-tin-photo img{max-height:710px;object-fit:contain}
.tri-packaging{background:#eeebe4}
.tri-product-grid,.tri-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.tri-product a{background:#fff}
.tri-product img{aspect-ratio:1/1;object-fit:contain}
.tri-pouches .tri-product img{aspect-ratio:4/5}
.tri-gallery-heading{margin-top:54px;margin-bottom:27px}
.tri-pack-story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-block:54px 28px;border-top:1px solid #c7c6bb;padding-top:34px}
.tri-pack-story h3{margin-bottom:0}
.tri-pack-story>p{font-size:1.0625rem;line-height:1.8;margin:0}
.tri-label-story img{background:#eee;max-height:600px}
.tri-hospitality{max-width:1120px;margin-inline:auto}
.tri-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.tri-market-grid img{aspect-ratio:16/10;background:#fff;object-fit:contain}
.tri-lab{background:var(--tri-cocoa);color:var(--tri-light)}
.tri-lab .eyebrow,.tri-lab .tri-art figcaption{color:#d9ccc3}
.tri-lab-story{display:grid;grid-template-columns:.82fr 1.2fr;gap:70px;align-items:center}
.tri-community img{max-height:650px;object-fit:contain}
.tri-lab-logo{max-width:420px;margin-bottom:38px}
.tri-lab-positioning>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8}
.tri-lab-positioning>p.tri-partners{font-size:.8125rem;color:#d9ccc3;border-top:1px solid #715a4d;padding-top:22px;margin-top:29px}
.tri-lab-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid #715a4d;margin-top:53px;padding-top:27px}
.tri-lab-themes span{font-size:.75rem;color:#d9ccc3}
.tri-lab-themes h3{font-size:28px;margin:14px 0}
.tri-lab-themes p{font-size:1rem;line-height:1.7;max-width:340px;margin-bottom:0}
.tri-social-grid img{aspect-ratio:4/5;object-fit:contain}
.tri-credit{font-size:.8125rem;line-height:1.8;color:#d9ccc3;border-top:1px solid #715a4d;padding-top:24px;margin-top:36px;max-width:1000px}
.tri-closing{padding-block:72px 20px}
.tri-closing .tri-section-heading{margin-top:27px;margin-bottom:38px}
.tri-project-nav{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:42px 58px;border-top:1px solid var(--line)}
.tri-project-nav h2{font-size:44px;margin-bottom:0}
.tri-project-nav>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
@media(max-width:1100px){.tri-title-grid{gap:40px}.tri-title-grid h1{font-size:62px}.tri-section-heading,.tri-pack-story{gap:42px}.tri-identity-grid{gap:30px}.tri-lab-story{gap:40px}.tri-chapters{column-gap:18px}}
@media(max-width:850px){.tri-title-grid{grid-template-columns:1fr;gap:32px}.tri-title-grid h1{font-size:clamp(52px,8.5vw,76px)}.tri-intro{max-width:680px}.tri-intro>p{max-width:none}.tri-chapters{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.tri-section-heading{grid-template-columns:1fr;gap:24px}.tri-section-heading>div>p{max-width:none}.tri-identity-grid{grid-template-columns:1fr 1fr;gap:25px}.tri-logo-panel{padding:38px 24px 30px}.tri-identity-notes h3{font-size:34px}.tri-identity-notes p{font-size:.9375rem}.tri-pack-story{gap:28px}.tri-lab-story{grid-template-columns:1fr 1.1fr;gap:30px}.tri-lab-positioning>p:not(.eyebrow){font-size:1rem}.tri-lab-themes{gap:22px}.tri-lab-themes h3{font-size:24px}.tri-project-nav h2{font-size:36px}}
@media(max-width:600px){.tri-opening{padding-top:25px}.tri-opening .breadcrumbs{margin-bottom:28px}.tri-title-grid h1{font-size:49px}.tri-intro>p.tri-lead{font-size:1.35rem}.tri-meta{gap:18px}.tri-chapters{margin-top:32px;gap:22px 16px}.tri-chapters a{column-gap:9px}.tri-chapters strong{font-size:.9375rem}.tri-chapters small{font-size:.75rem}.tri-chapter{padding-block:52px}.tri-section-heading{margin-bottom:30px}.tri-section-heading h2{font-size:39px}.tri-section-heading>div>p:not(.eyebrow){font-size:1rem}.tri-identity-grid,.tri-pack-story,.tri-lab-story,.tri-market-grid{grid-template-columns:1fr}.tri-identity-grid{gap:25px}.tri-identity-notes h3{font-size:37px}.tri-identity-notes p{font-size:1rem}.tri-tin-photo{max-width:430px;margin-inline:auto}.tri-product-grid,.tri-social-grid{grid-template-columns:1fr;gap:30px}.tri-product-grid>.tri-art,.tri-social-grid>.tri-art{width:100%;max-width:430px;margin-inline:auto}.tri-gallery-heading{margin-top:38px}.tri-pack-story{margin-top:38px;gap:22px;padding-top:28px}.tri-pack-story h3{font-size:36px}.tri-pack-story>p{font-size:1rem}.tri-lab-story{gap:35px}.tri-community{max-width:380px;margin-inline:auto}.tri-lab-logo{max-width:350px;margin-bottom:30px}.tri-lab-themes{grid-template-columns:1fr;gap:25px;margin-top:33px}.tri-lab-themes h3{font-size:29px;margin-block:9px}.tri-lab-themes p{max-width:none}.tri-closing{padding-top:48px}.tri-project-nav{flex-direction:column;align-items:flex-start;gap:27px;padding-block:32px 45px}.tri-project-nav h2{font-size:35px}}
@media(max-width:370px){.tri-title-grid h1{font-size:42px}.tri-section-heading h2{font-size:35px}.tri-chapters{grid-template-columns:1fr}.tri-lab-themes h3{font-size:27px}}

/* Replacement core-brand story: tins lead, then pouches, bars and Harrods. */
.tri-hero-tins img{max-height:none;background:#5a1e41}
.tri-origin-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;margin-top:48px}
.tri-origin-photo{max-width:460px}
.tri-origin-copy h3,.tri-product-note h3,.tri-film-intro h3{font-size:clamp(38px,4vw,58px);line-height:1.08;margin-bottom:25px}
.tri-origin-copy>p:not(.eyebrow),.tri-product-note>p:not(.eyebrow),.tri-film-intro>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:550px}
.tri-origin-copy .eyebrow{color:var(--muted)}
.tri-colour-rhythm{display:flex;height:44px;width:min(100%,390px);margin-top:30px}
.tri-colour-rhythm span{flex:1}
.tri-colour-rhythm span:nth-child(1){background:#8b4165}.tri-colour-rhythm span:nth-child(2){background:#f6b53c}.tri-colour-rhythm span:nth-child(3){background:#5d9077}.tri-colour-rhythm span:nth-child(4){background:#aa4a24}.tri-colour-rhythm span:nth-child(5){background:#5b3b01}
.tri-illustration-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:62px;margin-bottom:24px;align-items:baseline}
.tri-illustration-heading .eyebrow{margin:0}
.tri-illustration-heading>p:last-child{margin:0;font-size:1rem;line-height:1.75;max-width:550px}
.tri-illustration-sheet a{background:#fff;padding:24px}
.tri-illustration-sheet img{max-height:660px;object-fit:contain}
.tri-packaging{background:#ede9e2}
.tri-range img{width:100%;height:auto;max-height:none}
.tri-tin-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-top:43px;align-items:start}
.tri-tin-companion{min-width:0}
.tri-product-note{padding:35px 6% 0 0}
.tri-product-note h3{font-size:clamp(35px,3.5vw,49px);margin-bottom:20px}
.tri-product-note>p:last-child{margin-bottom:0}
.tri-films-row{display:grid;grid-template-columns:1.05fr .75fr .75fr;gap:34px;align-items:start;margin-top:65px;border-top:1px solid #c7c6bb;padding-top:40px}
.tri-film-intro{padding-top:12px}
.tri-film-intro h3{font-size:clamp(34px,3.5vw,51px)}
.tri-film-intro>p:not(.eyebrow){max-width:340px}
.tri-video{margin:0;min-width:0;max-width:360px;width:100%;justify-self:center}
.tri-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#1d1816;object-fit:contain}
.tri-video figcaption{padding-top:15px;font-size:.8125rem;line-height:1.65;color:var(--muted)}
.tri-video figcaption strong{display:block;font-size:.875rem;font-weight:500;color:var(--ink);margin-bottom:4px}
.tri-video figcaption span{display:block}
.tri-format{margin-top:76px;border-top:1px solid #c7c6bb;padding-top:53px;scroll-margin-top:30px}
.tri-pouch-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:27px;margin-top:37px;align-items:start}
.tri-pouch-gallery>.tri-art{align-self:start}
.tri-pouch-gallery>.tri-video{max-width:none;justify-self:stretch}
.tri-pouch-gallery>.tri-art>a{aspect-ratio:9/16;overflow:hidden}
.tri-pouch-gallery>.tri-art img{height:100%;object-fit:cover}
.tri-pouch-gallery>.tri-art:last-child img{object-position:68% 50%}
.tri-bars-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.tri-bars-grid img{aspect-ratio:1;object-fit:contain}
.tri-harrods{background:#193c33;color:#f5f3ec}
.tri-harrods-topline{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:35px}
.tri-harrods-topline .eyebrow{margin:0;color:#dcc691}
.tri-rollout{margin:0;font-size:.8125rem;line-height:1.6;border:1px solid #718d7d;border-radius:30px;padding:8px 16px}
.tri-harrods h2{font-size:clamp(47px,5.2vw,78px)}
.tri-harrods h2 em{color:#dcc691}
.tri-harrods .tri-section-heading{margin-bottom:43px}
.tri-harrods-details{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:40px;border-top:1px solid #547368;padding-top:30px}
.tri-harrods-details .eyebrow{color:#dcc691}
.tri-harrods-details h3{font-size:31px;line-height:1.15;margin-bottom:17px}
.tri-harrods-details>div>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:370px;margin-bottom:0}
.tri-harrods-details>div.tri-harrods-point{border-left:1px solid #547368;padding-left:35px;display:flex;align-items:center}
.tri-harrods-details>.tri-harrods-point>p{font-family:var(--display);font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;line-height:1.25}
.tri-harrods-point em{font-family:var(--serif);font-weight:400;color:#dcc691}
@media(max-width:1100px){.tri-origin-grid,.tri-illustration-heading{gap:6%}.tri-tin-editorial{gap:30px}.tri-product-note{padding-top:29px}.tri-product-note h3{font-size:38px}.tri-films-row{gap:27px}.tri-film-intro h3{font-size:38px}.tri-harrods-details{gap:27px}.tri-harrods-details>div.tri-harrods-point{padding-left:25px}}
@media(max-width:850px){.tri-origin-grid{grid-template-columns:.9fr 1.1fr;gap:30px}.tri-origin-copy h3{font-size:40px}.tri-origin-copy>p:not(.eyebrow){font-size:1rem}.tri-colour-rhythm{height:32px;margin-top:25px}.tri-tin-editorial{grid-template-columns:1fr 1fr;gap:24px}.tri-product-note{padding:25px 0 0}.tri-product-note h3{font-size:35px}.tri-product-note>p:not(.eyebrow){font-size:1rem}.tri-films-row{grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.tri-film-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;padding-top:0}.tri-film-intro .eyebrow{grid-column:1/-1;margin:0}.tri-film-intro h3{font-size:39px;margin:0}.tri-film-intro>p:not(.eyebrow){align-self:end;max-width:none;margin:0}.tri-video{max-width:320px}.tri-pouch-gallery{gap:21px}.tri-harrods h2{font-size:60px}.tri-harrods-details{grid-template-columns:1fr 1fr;gap:30px}.tri-harrods-details>div.tri-harrods-point{grid-column:1/-1;border-left:0;border-top:1px solid #547368;padding:28px 0 0}.tri-harrods-details>.tri-harrods-point>p{font-size:33px;max-width:700px}}
@media(max-width:700px){.tri-origin-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.tri-origin-photo{max-width:400px;width:88%}.tri-origin-copy{padding-left:7%}.tri-origin-copy h3{font-size:45px}.tri-illustration-heading{grid-template-columns:1fr;gap:12px;margin-top:44px}.tri-illustration-sheet a{padding:8px}.tri-illustration-sheet img{max-height:none}.tri-tin-editorial{grid-template-columns:1fr;gap:32px;margin-top:30px}.tri-tin-stack{max-width:430px;width:88%;justify-self:center}.tri-product-note{padding-top:28px}.tri-product-note h3{font-size:40px}.tri-films-row{column-gap:18px;row-gap:28px;padding-top:30px}.tri-film-intro{grid-template-columns:1fr;gap:12px}.tri-film-intro h3{font-size:40px;margin-bottom:5px}.tri-film-intro>p:not(.eyebrow){max-width:520px}.tri-video figcaption{padding-top:12px}.tri-video figcaption strong{font-size:.875rem}.tri-video figcaption span{font-size:.75rem}.tri-format{margin-top:49px;padding-top:35px}.tri-pouch-gallery{grid-template-columns:1fr;gap:30px;margin-top:28px}.tri-pouch-gallery>.tri-art,.tri-pouch-gallery>.tri-video{width:100%;max-width:360px;justify-self:center}.tri-bars-grid{gap:18px}.tri-harrods-topline{flex-wrap:wrap;gap:17px;margin-bottom:28px}.tri-harrods h2{font-size:49px}.tri-harrods .tri-section-heading{margin-bottom:32px}.tri-harrods-details{gap:30px 24px;padding-top:26px}.tri-harrods-details h3{font-size:28px}.tri-harrods-details .eyebrow{font-size:.75rem}.tri-harrods-details>.tri-harrods-point>p{font-size:32px}}
@media(max-width:450px){.tri-origin-copy{padding-left:0}.tri-origin-copy h3{font-size:41px}.tri-films-row{grid-template-columns:1fr}.tri-film-intro{grid-column:1}.tri-video{max-width:320px}.tri-video figcaption span{font-size:.8125rem}.tri-bars-grid{grid-template-columns:1fr;gap:28px}.tri-harrods h2{font-size:44px}.tri-harrods-details{grid-template-columns:1fr}.tri-harrods-details>div.tri-harrods-point{grid-column:1}.tri-harrods-details h3{font-size:32px}.tri-illustration-sheet a{padding:0}}

/* The collaboration closes the retail story; the Lab brings it back home. */
.tri-harrods-collection{display:grid;grid-template-columns:1.14fr .86fr;gap:6%;align-items:start;margin-top:46px}
.tri-harrods .tri-art figcaption{color:#e1e8df}
.tri-harrods-origin>.eyebrow{color:#dcc691}
.tri-harrods-origin h3{font-size:clamp(33px,3.4vw,48px);line-height:1.1;margin-bottom:24px}
.tri-harrods-origin>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:460px}
.tri-harrods-map{max-width:360px;margin-top:30px}
.tri-harrods-map img{clip-path:inset(0 2px)}
.tri-harrods>.wrap>.tri-harrods-point{border-top:1px solid #547368;padding-top:34px;margin-top:50px}
.tri-harrods>.wrap>.tri-harrods-point p{font-family:var(--display);font-size:clamp(29px,3.4vw,48px);letter-spacing:-.04em;line-height:1.25;max-width:860px;margin:0}
.tri-lab-brand{display:grid;grid-template-columns:1.18fr 1fr;gap:75px;align-items:center;margin-top:48px}
.tri-lab-process img{aspect-ratio:1;object-fit:contain}
.tri-lab-identity{min-width:0}
.tri-lab-identity .tri-lab-logo{max-width:500px;margin-bottom:32px}
/* Display the complete mark without its transparent canvas margins (171,135–1249,582 in 1400×685). */
.tri-lab-identity .tri-lab-logo a{position:relative;aspect-ratio:1078/447;overflow:hidden}
.tri-lab-identity .tri-lab-logo img{position:absolute;width:129.87013%;max-width:none;height:auto;left:-15.862709%;top:-30.201342%}
.tri-lab-identity h3{font-size:clamp(35px,3.5vw,52px);line-height:1.1;margin-bottom:22px}
.tri-lab-identity>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:550px}
.tri-lab-identity>p:last-child{margin-bottom:0}
.tri-lab-campaign-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-block:65px 35px}
.tri-lab-campaign-heading h3{font-size:clamp(48px,5.5vw,76px);line-height:1.05;margin:0}
.tri-lab-campaign-heading>div>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:550px}
.tri-lab-campaign-heading>div>p:last-child{margin-bottom:0}
@media(max-width:1100px){.tri-harrods-collection{gap:35px}.tri-lab-brand{gap:42px}.tri-lab-campaign-heading{gap:40px}}
@media(max-width:850px){.tri-harrods-collection{grid-template-columns:1fr 1fr;gap:28px}.tri-harrods-origin h3{font-size:34px}.tri-lab-brand{grid-template-columns:1fr;gap:32px;align-items:start}.tri-lab-identity h3{font-size:36px}.tri-lab-identity .tri-lab-logo{margin-bottom:25px}.tri-lab-campaign-heading{gap:28px}.tri-lab-campaign-heading h3{font-size:55px}}
@media(max-width:700px){.tri-harrods-collection{grid-template-columns:1fr;gap:35px;margin-top:32px}.tri-harrods-origin h3{font-size:40px}.tri-harrods-map{max-width:420px}.tri-harrods>.wrap>.tri-harrods-point{margin-top:35px;padding-top:28px}.tri-lab-brand{grid-template-columns:1fr;gap:32px;margin-top:32px}.tri-lab-process{width:88%;max-width:480px}.tri-lab-identity .tri-lab-logo{max-width:400px}.tri-lab-identity h3{font-size:42px}.tri-lab-campaign-heading{grid-template-columns:1fr;gap:25px;margin-block:43px 28px}.tri-lab-campaign-heading h3{font-size:53px}.tri-lab .tri-social-grid{grid-template-columns:1fr;gap:32px}.tri-lab .tri-social-grid>.tri-art{width:100%;max-width:480px;margin-inline:auto}}
