/* User's collection reference, with original KLINT pack imagery and PDF brand colours. */
body.is-about{background:#f3fafc;color:#101718}
body.is-about .site-header{background:#f8fcfd;border-color:#dbe8ec;color:#101718}
body.is-about .site-header .menu-toggle{background:#f8fcfd;color:#101718;border-color:#b6ccd1}
.about-collection-page{position:relative;isolation:isolate;background:#f4fafc;color:#101718;overflow:clip;font-family:'Aspekta',Arial,sans-serif}
.about-collection-page::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(124deg,transparent 0 53%,#deeff54d 53% 66%,transparent 66% 71%,#dcf3f866 71% 83%,transparent 83%);pointer-events:none}
.about-collection-page::after{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ef6181 0 21%,#ff9e25 21% 34%,#7ce0d3 34% 63%,#00aec7 63% 83%,#009dea 83% 100%)}
.about-collection-shell{width:calc(100% - 96px);max-width:1392px;margin-inline:auto;padding:56px 0 58px}
.about-collection-header{margin:0 0 30px}
.about-collection-kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:650;letter-spacing:.2em;line-height:1.5;color:#172326}
.about-collection-kicker>span{width:33px;height:2px;background:#00aec7}
.about-heading-row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.about-heading-row>div{min-width:0}
.about-collection-page h1{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(43px,5.25vw,81px);font-weight:850;line-height:1.02;letter-spacing:-.065em;margin:0;text-wrap:balance;color:#101718}
.about-heading-accent{color:#009cae}
.about-collection-lead{font-size:clamp(16px,1.24vw,19px);line-height:1.55;max-width:780px;color:#52616c;margin:15px 0 0;text-wrap:pretty}
.about-collection-meta{display:grid;gap:9px;flex:0 0 202px;max-width:202px;text-align:right;color:#52616c;font-size:12px;line-height:1.6;margin:8px 0 0;padding-right:15px;border-right:2px solid #00aec7}
.about-collection-meta>span:first-child{font-weight:550;letter-spacing:.03em}
.about-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.about-group-card{--about-accent:#ef6181;--about-field:#ffd9e3;--about-field-edge:#ffc1d1;min-width:0;align-self:start;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 15px 34px #2044540b;border:1px solid #fff}
.about-group-card[data-about-group=medium]{--about-accent:#7ce0d3;--about-field:#dcf5ed;--about-field-edge:#a9e5d6}
.about-group-card[data-about-group=high]{--about-accent:#00aec7;--about-field:#d8f3fb;--about-field-edge:#9cdef2}
.about-group-visual{position:relative;display:grid;place-items:center;aspect-ratio:1.43;min-height:0;background:radial-gradient(ellipse at 20% 85%,#fff6 0%,transparent 64%),linear-gradient(128deg,var(--about-field),var(--about-field-edge));overflow:hidden}
.about-group-visual::after{content:'';position:absolute;z-index:0;left:21%;right:15%;bottom:5%;height:12%;border-radius:50%;background:#253b4630;filter:blur(13px);transform:rotate(-6deg);pointer-events:none}
.about-pack-caption{position:absolute;z-index:2;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:650;color:#172326}
.about-can{position:absolute;z-index:1;display:block;top:32px;left:0;right:0;width:88%;max-width:none;height:calc(100% - 43px);object-fit:contain;margin:0 auto;filter:drop-shadow(1px 11px 8px #16394715);transition:transform 300ms cubic-bezier(.23,1,.32,1)}
.about-can[hidden],.about-image-fallback[hidden],.about-flavour-panel[hidden]{display:none!important}
.about-image-fallback{z-index:1;font-size:14px;color:#314850;max-width:250px;padding:55px 15px 20px;text-align:center}
.about-group-body{padding:21px 24px 23px}
.about-group-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:650;letter-spacing:.13em;line-height:1.5;color:#596875;margin:0 0 13px}
.about-flavour-dot{flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:var(--about-accent)}
.about-group-dose{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0 0 10px;color:#101718;font-variant-numeric:tabular-nums}
.about-group-dose>span:first-child{font-size:clamp(38px,3.25vw,53px);font-weight:760;line-height:1.06;letter-spacing:-.055em;white-space:nowrap}
.about-dose-unit{font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.09em;color:#596875;text-transform:uppercase;white-space:nowrap}
.about-group-description{min-height:45px;font-size:13px;line-height:1.7;letter-spacing:-.01em;color:#596875;margin:0 0 15px;text-wrap:pretty}
.about-flavour-summary{border-top:1px solid #e3edf1;padding:15px 0 0;min-height:73px}
.about-flavour-summary h3{font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.14em;color:#596875;margin:0 0 6px}
.about-flavour-summary>p{font-size:13px;line-height:1.55;font-weight:500;max-width:none;color:#172326;margin:0;text-wrap:pretty}
.about-flavour-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:54px;border:1px solid #172326;border-radius:10px;padding:8px 10px 8px 19px;background:#172326;color:#fff;font-family:inherit;cursor:pointer;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:15px 0 0;transition:background 180ms ease,border-color 180ms ease,transform 180ms ease}
.about-button-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:7px;background:var(--about-accent);color:#101718;font-size:23px;line-height:1;letter-spacing:0;transition:transform 180ms ease}
.about-flavour-button[aria-expanded=true] .about-button-arrow{transform:rotate(180deg)}
.about-flavour-panel{margin-top:17px}
.about-flavour-panel>p{font-size:12px;line-height:1.6;margin:0 0 8px;color:#52616c}
.about-flavour-panel ul{list-style:none;padding:0;margin:0;border-top:1px solid #dce9ed}
.about-flavour-panel li{padding:0;margin:0}
.about-flavour-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;text-decoration:none;border-bottom:1px solid #dce9ed;color:#172326;font-size:13px;font-weight:550;padding:10px 0;transition:color 180ms ease}
.about-flavour-dose{font-size:11px;font-weight:400;color:#52616c;white-space:nowrap}
.about-flavour-dose>span{font-size:17px;margin-left:4px;color:#172326}
.about-collection-warning{display:grid;grid-template-columns:minmax(235px,.55fr) minmax(0,1.45fr);gap:34px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #d7e7ed;scroll-margin-top:130px}
.about-warning-label{display:flex;align-items:center;gap:14px;align-self:start;color:#172326}
.about-age-mark{display:grid;place-items:center;flex:0 0 48px;min-height:32px;border:1.5px solid #172326;border-radius:50%;font-size:12px;font-weight:650;line-height:1}
.about-warning-label h2{font-size:10px;font-weight:650;line-height:1.6;letter-spacing:.13em;margin:0}
.about-collection-warning p{font-size:11px;line-height:1.7;color:#596875;margin:0;max-width:none;text-wrap:pretty}
.about-collection-warning p+p{margin-top:5px}
.about-education{margin-top:26px;border-top:1px solid #d7e7ed;border-bottom:1px solid #d7e7ed;background:transparent}
.about-education summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:63px;font-size:15px;font-weight:550;color:#172326}
.about-education summary::-webkit-details-marker{display:none}
.about-education summary>span:last-child{font-size:25px;font-weight:350;line-height:1;color:#007d87;transition:transform 180ms ease}
.about-education[open] summary>span:last-child{transform:rotate(45deg)}
.about-education-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:8px 0 30px}
.about-education-content h2{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;color:#172326}
.about-education-content p{font-size:13px;line-height:1.75;color:#52616c;max-width:65ch;margin:0 0 12px;text-wrap:pretty}
.about-education-content a{display:block;width:fit-content;min-height:35px;font-size:12px;line-height:1.7;font-weight:550;color:#00636c;text-underline-offset:4px;padding:5px 0}
.about-collection-page :is(button,a,summary):focus-visible{outline:3px solid #00757f;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.about-group-card:hover .about-can{transform:translateY(-5px) rotate(-2deg)}.about-flavour-button:hover{background:#304447;border-color:#304447}.about-flavour-button:hover .about-button-arrow{transform:translate(1px,-1px)}.about-flavour-button[aria-expanded=true]:hover .about-button-arrow{transform:rotate(180deg) translate(1px,-1px)}.about-flavour-panel a:hover{color:#00757f;text-decoration:underline;text-underline-offset:4px}.about-education summary:hover{color:#00757f}}
.about-flavour-button:active{transform:translateY(1px)}
@media(min-width:1600px){.about-collection-shell{padding-top:66px;padding-bottom:68px}.about-group-visual{aspect-ratio:1.42}.about-group-description{font-size:14px}.about-flavour-summary>p{font-size:14px}.about-group-dose>span:first-child{font-size:55px}.about-collection-warning p{font-size:12px}}
@media(max-width:1100px){.about-collection-shell{width:calc(100% - 64px);padding-top:44px}.about-heading-row{gap:16px}.about-collection-meta{flex-basis:170px;font-size:11px}.about-collection-page h1{font-size:clamp(43px,5.35vw,65px)}.about-group-body{padding:19px 18px 20px}.about-pack-caption{left:18px;right:18px;top:16px;font-size:9px}.about-group-dose{gap:8px}.about-group-dose>span:first-child{font-size:clamp(30px,3.7vw,43px)}.about-dose-unit{font-size:10px}.about-group-description{font-size:12px;min-height:61px}.about-flavour-summary{min-height:85px}.about-flavour-summary>p{font-size:12px}.about-collection-warning{gap:25px;grid-template-columns:220px minmax(0,1fr)}.about-education-content{gap:25px}}
@media(max-width:850px){.about-heading-row{display:block}.about-collection-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 25px;max-width:none;border:0;padding:0;text-align:left;margin:22px 0 0;flex:none}.about-collection-meta br{display:none}.about-collection-meta>span:first-child{color:#293e45;font-weight:550}.about-collection-page h1{font-size:clamp(46px,7.45vw,63px)}.about-collection-grid{gap:14px}.about-group-body{padding:18px 14px}.about-group-label{font-size:9px;letter-spacing:.08em}.about-group-dose{flex-direction:column;gap:3px;margin-bottom:10px}.about-group-dose>span:first-child{font-size:clamp(29px,4.4vw,36px)}.about-group-description{min-height:82px}.about-flavour-summary{min-height:86px}.about-flavour-button{padding-left:12px;font-size:9px;letter-spacing:.09em;gap:6px;min-height:51px}.about-button-arrow{width:30px;height:30px;flex-basis:30px}.about-flavour-panel a{display:block}.about-flavour-dose{display:block;margin-top:4px}.about-collection-warning{grid-template-columns:1fr;gap:13px}.about-education-content{grid-template-columns:1fr;gap:21px}.about-education-content h2{font-size:22px}.about-education-content p{max-width:65ch}.about-pack-caption{left:12px;right:12px;top:12px;font-size:8px;letter-spacing:.1em}.about-can{width:90%;top:29px;height:calc(100% - 36px)}}
@media(max-width:639px){.about-collection-shell{width:calc(100% - 40px);padding:38px 0 39px;max-width:480px}.about-collection-header{margin-bottom:26px}.about-collection-kicker{font-size:9px;letter-spacing:.2em;gap:10px;margin-bottom:18px}.about-collection-kicker>span{width:24px}.about-collection-page h1{font-size:clamp(41px,10.9vw,66px);letter-spacing:-.06em;max-width:100%;line-height:1.04}.about-collection-page h1>span{display:block}.about-collection-lead{font-size:15px;margin-top:16px;max-width:100%}.about-collection-meta{font-size:10px;gap:6px;margin-top:17px}.about-collection-grid{grid-template-columns:1fr;gap:22px}.about-group-visual{aspect-ratio:1.34}.about-can{width:90%;max-width:none;top:36px;height:calc(100% - 46px);margin:0 auto}.about-pack-caption{left:22px;right:22px;top:19px;font-size:10px;letter-spacing:.14em}.about-group-body{padding:22px}.about-group-label{font-size:11px;letter-spacing:.13em;margin-bottom:13px}.about-group-dose{flex-direction:row;gap:11px;margin-bottom:13px}.about-group-dose>span:first-child{font-size:clamp(41px,12vw,54px)}.about-dose-unit{font-size:11px}.about-group-description{font-size:13px;min-height:0;margin-bottom:17px}.about-flavour-summary{min-height:0;padding-top:17px}.about-flavour-summary h3{font-size:10px;margin-bottom:6px}.about-flavour-summary>p{font-size:13px}.about-flavour-button{font-size:10px;letter-spacing:.13em;padding-left:18px;margin-top:20px;min-height:56px}.about-button-arrow{width:36px;height:36px;flex-basis:36px}.about-flavour-panel a{display:flex;font-size:14px}.about-flavour-dose{display:inline;font-size:11px;margin-top:0}.about-collection-warning{margin-top:28px;padding-top:20px;gap:16px}.about-collection-warning p{font-size:11px;line-height:1.75}.about-warning-label h2{font-size:10px}.about-education{margin-top:23px}.about-education summary{font-size:14px;min-height:64px}.about-education-content{padding-top:7px;padding-bottom:23px}.about-education-content p{font-size:13px}.about-collection-page::before{background:linear-gradient(124deg,transparent 0 20%,#deeff54d 20% 32%,transparent 32% 38%,#dcf3f855 38% 48%,transparent 48%)}}
@media(max-width:359px){.about-collection-shell{width:calc(100% - 32px)}.about-group-body{padding:19px}.about-collection-page h1{font-size:39px}.about-group-dose>span:first-child{font-size:41px}.about-dose-unit{font-size:10px}.about-flavour-panel a{font-size:12px}.about-flavour-dose{font-size:10px}}
@media(prefers-reduced-motion:reduce){.about-collection-page *{animation:none!important;transition:none!important}.about-group-card:hover .about-can{transform:none}}
html[data-user-reduced-motion=true] .about-collection-page *{animation:none!important;transition:none!important}
html[data-user-reduced-motion=true] .about-group-card:hover .about-can{transform:none}