/* Tastier Together and Awards pages: stacks of the customer's finished section images. Loaded after colorful.css. */
.pn-crumbs{padding:14px var(--pad);font-size:12.5px;letter-spacing:.1em;font-weight:600;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--line)}
.pn-crumbs a{color:var(--green)}
.pn{position:relative;display:block;background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}
.pn .pn-img{display:block;width:100%;height:auto;aspect-ratio:var(--ar);max-width:none;object-fit:cover}

/* Wide screens: the image carries the text, so the HTML copy is only for assistive tech and search */
.pn .pn-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Phones and small tablets: baked-in text would be too small, so show a cropped image and real text below it */
@media(max-width:900px){
 .pn .pn-img{aspect-ratio:var(--mar,1.15);object-position:var(--pos,100%) center}
 .pn .pn-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;padding:26px var(--pad) 34px;display:grid;gap:14px;justify-items:start}
 .pn .pn-text h1.display,.pn .pn-text h2.display{font-size:clamp(36px,11vw,54px);line-height:.98;margin:0}
 .pn .pn-text p{margin:0;max-width:none;font-size:15px;line-height:1.6}
 .pn .pn-script{font-family:'Playfair Display';font-style:italic;font-weight:600;color:var(--green);font-size:20px!important}
 .pn-tags{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px;width:100%}
 .pn-tags li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.4}
 .pn-tags b{color:var(--ink)}
 .pn-tags span{color:var(--muted)}
}
/* Awards: editable text over the cleaned original composition. */
.page-awards .aw-live{container-type:inline-size;color:#073d2c}
.aw-live .aw-copy,.aw-live .aw-extra{position:absolute;left:var(--x);top:var(--y);width:var(--w);user-select:text}
.aw-live .aw-eyebrow{font-family:Manrope;font-size:1.04cqw;letter-spacing:.3em;line-height:1.3;margin-bottom:1.4cqw;display:flex;gap:2.3cqw}
.aw-live .aw-eyebrow b{letter-spacing:.1em}
.aw-live .aw-copy h1,.aw-live .aw-copy h2{font-family:'Playfair Display';font-weight:700;font-size:var(--hs);line-height:.96;letter-spacing:-.055em;margin:0 0 1.2cqw}
.aw-live .aw-copy p{font-family:Manrope;font-size:1.42cqw;line-height:1.32;margin:0;max-width:none;color:#293d3a}
.aw-live .aw-rule{display:block;width:2.7cqw;height:.16cqw;background:#83a64f;margin-top:1.4cqw}
.aw-live .aw-extra{font-size:var(--fs);line-height:1.35;font-family:Manrope}
.aw-live .aw-extra span{display:block}
.aw-live .aw-caption{text-align:center}
.aw-live .aw-caption span:first-child,.aw-live .aw-caption span:last-child{font-weight:700}
.aw-live .aw-bold{font-weight:700;line-height:1.55}
.aw-live .aw-spaced{letter-spacing:.19em;line-height:1.35}
.aw-live .aw-script{font-family:'Take Easy TR';line-height:.95}
.aw-live .aw-quote{font-family:'Playfair Display';font-style:italic;line-height:1.2}
.aw-live .aw-small{font-size:var(--fs);line-height:1.35}
.aw-live .aw-white{color:white;text-align:center}
@media(max-width:900px){
 .page-awards .aw-live{display:flex;flex-direction:column}
 .aw-live .aw-copy,.aw-live .aw-extra{position:static;width:auto;margin:0;padding:0 var(--pad)}
 .aw-live .aw-copy{padding-top:26px;padding-bottom:20px}
 .aw-live .aw-eyebrow{font-size:11px;letter-spacing:.15em;gap:14px;margin-bottom:16px;flex-wrap:wrap}
 .aw-live .aw-copy h1,.aw-live .aw-copy h2{font-size:clamp(30px,8.4vw,52px);letter-spacing:-.045em;margin-bottom:18px;line-height:1.05;overflow-wrap:break-word}
 .aw-live .aw-copy p{font-size:16px;line-height:1.6}
 .aw-live .aw-rule{width:40px;height:2px;margin-top:20px}
 .aw-live .aw-extra{font-size:16px;margin-bottom:22px;text-align:left;color:#073d2c}
 .aw-live .aw-script{font-size:36px;line-height:1.1}
 .aw-live .aw-quote{font-size:22px}
 .aw-live .aw-small{font-size:12px}
 .aw-live .pn-img{height:auto;aspect-ratio:var(--mar,1.15)}
}
.aw-live .aw-original{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
@media(max-width:900px){.aw-live .aw-original{height:auto;aspect-ratio:var(--mar,1.15);object-fit:cover;object-position:var(--pos,100%) center}}
@media(min-width:901px){
 .aw-live .aw-copy h1,.aw-live .aw-copy h2{white-space:nowrap;width:123.46%;transform:scaleX(.81);transform-origin:left center}
}
@media(min-width:901px){
 .aw-live .aw-copy h1,.aw-live .aw-copy h2{line-height:.85}
 #global-recognition.aw-live .aw-eyebrow{margin-bottom:.75cqw}
 #global-recognition.aw-live .aw-copy h2{line-height:.82;margin-bottom:.55cqw}
 #global-recognition.aw-live .aw-copy p{font-size:1.38cqw;line-height:1.15}
 #global-recognition.aw-live .aw-rule{display:none}
}
.aw-live .aw-extra .aw-mobile-brand{display:none}
@media(max-width:900px){.aw-live .aw-extra .aw-mobile-brand{display:block;font-weight:700}}

/* Global Recognition: aligned original badges with editable award captions. */
.aw-badge-grid{position:absolute;left:3.7%;top:49%;width:49%;margin:0;padding:1.05cqw .3cqw;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(7,61,44,.2);border-bottom:1px solid rgba(7,61,44,.2);background:rgba(247,246,237,.95)}
.aw-badge-grid li{min-width:0;padding:0 .75cqw;text-align:center;display:flex;flex-direction:column;align-items:center}
.aw-badge-grid li+li{border-left:1px solid rgba(7,61,44,.15)}
.aw-badge-frame{width:100%;height:10cqw;display:flex;align-items:center;justify-content:center;margin-bottom:.8cqw}
.aw-badge-frame>.award-badge{display:block;width:8.5cqw;height:8.5cqw;max-width:100%}
.aw-badge-grid h3{font-family:Manrope;font-size:.93cqw;line-height:1.25;margin:0 0 .4cqw;font-weight:700;min-height:2.35cqw;display:flex;align-items:center;justify-content:center}
.aw-badge-grid p{font-family:Manrope;font-size:.82cqw;line-height:1.45;margin:0;max-width:none}
.aw-badge-grid .aw-badge-years{font-size:.72cqw;line-height:1.55;margin-top:.2cqw}
.aw-selections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25cqw;align-content:center;justify-items:center}
.aw-selections>.award-badge{width:4.45cqw;height:4.45cqw}
.aw-private-label{flex-direction:column;gap:.25cqw}
.aw-private-label>.award-badge:first-child{width:5.6cqw;height:5.9cqw}
.aw-private-label>.award-badge:last-child{width:7.7cqw;height:3.4cqw}
@media(max-width:900px){
 .aw-badge-grid{position:static;order:2;width:auto;margin:0 var(--pad) 28px;padding:20px 0;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
 .aw-badge-grid li{padding:0 10px}
 .aw-badge-grid li:nth-child(3){border-left:0}
 .aw-badge-frame{height:140px;margin-bottom:12px}
 .aw-badge-frame>.award-badge{width:120px;height:120px}
 .aw-badge-grid h3{font-size:14px;min-height:36px;margin-bottom:6px}
 .aw-badge-grid p{font-size:12px}
 .aw-badge-grid .aw-badge-years{font-size:11px;margin-top:4px}
 .aw-selections{gap:4px}
 .aw-selections>.award-badge{width:60px;height:60px}
 .aw-private-label{gap:4px}
 .aw-private-label>.award-badge:first-child{width:80px;height:84px}
 .aw-private-label>.award-badge:last-child{width:110px;height:48px}
 #global-recognition .aw-extra{order:3}
}

/* Tastier Together: real text in the site's three font families. */
.page-tastier .tt-live{min-height:48.34vw;isolation:isolate}
.tt-live .tt-art{position:absolute;inset:0;overflow:hidden;z-index:-1}
.tt-live .tt-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;clip-path:inset(0 0 0 37%);mask-image:linear-gradient(to right,transparent 37%,#000 41%)}
.tt-live .tt-copy{position:relative;width:37%;padding:3.4vw 1.7vw 3.4vw 3.6vw;display:flex;flex-direction:column;gap:1.45vw}
.tt-live .tt-copy .eyebrow{font-family:Manrope;font-size:clamp(11px,.85vw,17px);letter-spacing:.12em;line-height:1.5}
.tt-live .tt-copy h1.display,.tt-live .tt-copy h2.display{font-family:'Barlow Condensed';font-size:clamp(40px,4.6vw,92px);font-weight:600;line-height:1;letter-spacing:-.015em;margin:0;text-transform:uppercase}
.tt-live .tt-copy h1 em,.tt-live .tt-copy h2 em{font-family:inherit;font-style:normal;color:var(--green)}
.tt-live .tt-copy p{font-family:Manrope;font-size:clamp(14px,1.08vw,22px);line-height:1.5;max-width:none;margin:0}
.tt-live .tt-copy .tt-signature{font-family:'Playfair Display';font-size:clamp(22px,2.05vw,42px);font-style:italic;color:var(--green);line-height:1.2}
.tt-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8vw;margin:.3vw 0 0;padding:0;list-style:none}
.tt-values li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6vw;padding:0 .5vw}
.tt-values li+li{border-left:1px solid var(--line)}
.tt-values b{font-family:'Barlow Condensed';text-transform:uppercase;font-size:clamp(15px,1.2vw,24px);line-height:1.1;color:var(--green)}
.tt-values span{font-family:Manrope;font-size:clamp(11px,.83vw,17px);line-height:1.5}
.tt-icon{display:block;width:3.8vw;height:3.8vw;overflow:hidden;flex:none}
.tt-7 .tt-values{grid-template-columns:repeat(4,minmax(0,1fr))}
.tt-plate-copy{position:absolute;left:53.6%;top:16.6%;width:27.2%;height:56.2%;border-radius:50%;background:#e7e4d9;display:flex;align-items:center;justify-content:center;text-align:center;color:#0b5136}
.tt-plate-copy span{font-family:'Take Easy TR';font-style:normal;font-weight:400;font-size:4.15vw;line-height:1.15;transform:rotate(-9deg)}
@media(max-width:900px){
 .page-tastier .tt-live{min-height:0;display:flex;flex-direction:column}
 .tt-live .tt-art{position:relative;inset:auto;width:100%;height:280px;z-index:0}
 .tt-live .tt-photo{width:160%;left:-60%;clip-path:inset(0 0 0 37%);mask-image:none;object-fit:fill}
 .tt-live .tt-copy{width:100%;padding:28px var(--pad) 36px;gap:18px}
 .tt-live .tt-copy h1.display,.tt-live .tt-copy h2.display{font-size:clamp(40px,8vw,64px)}
 .tt-live .tt-copy p{font-size:15px;line-height:1.65}
 .tt-values{gap:8px;margin:4px 0}
 .tt-values li{gap:10px;padding:0 5px}
 .tt-icon{width:45px;height:45px}
 .tt-values b{font-size:19px}
 .tt-values span{font-size:12px}
 .tt-7 .tt-values{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
 .tt-7 .tt-values li:nth-child(3){border-left:0}
 .tt-plate-copy{left:25.76%;top:16.6%;width:43.52%;height:56.2%}
 .tt-plate-copy span{font-size:6.64vw}
}

@media(min-width:901px){.tt-2 .tt-photo{clip-path:inset(0 0 0 44%);mask-image:linear-gradient(to right,transparent 44%,#000 47%)}}
@media(max-width:900px){.tt-2 .tt-photo{width:180%;left:-80%;clip-path:inset(0 0 0 44%)}}
.tt-live .tt-icon{mix-blend-mode:normal;object-fit:contain;background:transparent}

/* Awards main titles follow the shared Barlow Condensed standard. */
.page-awards .aw-live .aw-copy h1,.page-awards .aw-live .aw-copy h2{font-family:'Barlow Condensed';font-weight:600;letter-spacing:-.015em;line-height:1;width:100%;transform:none;white-space:normal;margin-bottom:1.2cqw}
.page-awards #global-recognition.aw-live .aw-copy h2{line-height:1;margin-bottom:.65cqw}
@media(max-width:900px){.page-awards .aw-live .aw-copy h1,.page-awards .aw-live .aw-copy h2{margin-bottom:18px;line-height:1}}

.page-awards .aw-live .aw-copy h1{font-weight:600}

.pn .pn-script,.tt-live .tt-copy .tt-signature,.aw-live .aw-script{font-family:'Take Easy TR';font-style:normal;font-weight:400}

/* Awards page heading weights. */
.page-awards main .aw-badge-grid h3,.page-awards main .ref-final h2{font-weight:600}

/* Keep the operational description clear of the IDC logo. */
@media(min-width:901px){
 .page-awards #operational-excellence .aw-copy p{max-width:78%}
}

@media(max-width:360px){
 .tt-values{grid-template-columns:1fr}
 .tt-values li{display:grid;grid-template-columns:45px minmax(0,1fr);text-align:left;align-items:center;gap:6px 16px;padding:14px 0}
 .tt-values li+li{border-left:0;border-top:1px solid var(--line)}
 .tt-values .tt-icon{grid-row:1/3}
 .tt-values b,.tt-values span{grid-column:2}
}

/* Optional mobile image (CMS "Mobil görsel"): <picture> is layout-transparent; with a mobile image the desktop overlay copy is hidden and the image keeps its own ratio. */
.pn picture{display:contents}
@media(max-width:900px){
 .aw-live.has-mobile .aw-original{display:none}
 .aw-live.has-mobile .pn-img{aspect-ratio:auto;height:auto;object-fit:contain}
}