/* Company references · editorial portraits, not product screenshots or brand logos.
   Page-local additions to the existing portfolio. No fixed text heights or truncation. */
.lref-page .lco-cover{--cover:#173f36;--cover2:#0c2824;--cover-accent:#c8b385;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:34px;min-height:260px;width:100%;padding:26px 28px 22px;background:linear-gradient(128deg,var(--cover),var(--cover2));color:#fff!important;text-decoration:none!important;box-sizing:border-box;overflow:hidden;border-radius:14px 14px 0 0}
.lref-page .lco-cover-top,.lref-page .lco-cover-bottom{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:18px;font-size:.65rem;line-height:1.7;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#eee5d3}
.lref-page .lco-cover-top{padding-right:20px}
.lref-page .lco-cover-index{white-space:nowrap;font-size:.57rem;letter-spacing:.11em;opacity:.85}
.lref-page .lco-cover-title{position:relative;z-index:1;display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,2.7vw,2.9rem);font-weight:400;letter-spacing:-.045em;line-height:1.18;margin:0;overflow-wrap:anywhere;color:#fff;max-width:100%}
.lref-page .lco-cover-bottom{padding-top:17px;border-top:1px solid #ffffff40;text-transform:none;font-size:.73rem;letter-spacing:.005em;color:#f0e9dc}
.lref-page .lco-cover-bottom>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.lref-page .lco-cover-bottom>span:last-child{font-size:1.18rem;flex:0 0 auto;color:var(--cover-accent);line-height:1}
.lref-page .lco-cover-art{position:absolute;z-index:0;right:-35px;top:30px;width:230px;height:230px;pointer-events:none;opacity:.16;transform:rotate(-22deg)}
.lref-page .lco-cover-art i{position:absolute;inset:0;border:1px solid var(--cover-accent);border-radius:50%}
.lref-page .lco-cover-art i:nth-child(2){inset:28px}.lref-page .lco-cover-art i:nth-child(3){inset:57px}
.lref-page a.lco-cover:hover .lco-cover-title{color:#f4e9cf}
.lref-page .lco-theme-samsung{--cover:#243c58;--cover2:#121f33;--cover-accent:#b0ccdf}
.lref-page .lco-theme-mercedes-benz{--cover:#303b3f;--cover2:#152325;--cover-accent:#d4d5cc}
.lref-page .lco-theme-comitas{--cover:#214c4f;--cover2:#123038;--cover-accent:#bbd8d0}
.lref-page .lco-theme-wko{--cover:#644033;--cover2:#342b28;--cover-accent:#e0bea3}
.lref-page .lco-theme-upc{--cover:#304664;--cover2:#242e45;--cover-accent:#b7c9e6}
.lref-page .lco-theme-sockstock{--cover:#536057;--cover2:#2b4038;--cover-accent:#d6d5ba}
.lref-page .lco-theme-seenby{--cover:#5b5145;--cover2:#302f2c;--cover-accent:#dbcaaf}
.lref-page .lco-theme-missroberta{--cover:#5b3d49;--cover2:#342934;--cover-accent:#dfbdc9}
.lref-page .lco-theme-sanuslife{--cover:#40553c;--cover2:#203a2e;--cover-accent:#ccdbaf}
.lref-page .lco-theme-urlaub-auf-madagaskar{--cover:#655440;--cover2:#343e30;--cover-accent:#e3d5a6}
.lref-page .lco-cover--hero{min-height:340px;padding:32px 34px 28px;border-radius:18px;box-shadow:0 18px 46px #172c2114;gap:44px}
.lref-page .lco-cover--hero .lco-cover-title{font-size:clamp(2.15rem,3.4vw,3.6rem);max-width:100%}
.lref-page .lco-cover--hero .lco-cover-art{width:330px;height:330px;right:-45px;top:45px}
.lref-page .lco-cover--hero .lco-cover-top{padding-right:0}
.lref-page .lco-card{min-width:0;border-color:#d9e2d9;background:#fff}
.lref-page .lco-card .lref-card__media{aspect-ratio:auto;height:auto;min-height:0;background:#173f36}
.lref-page .lco-card .lref-card__body{min-width:0;padding:24px 27px 25px}
.lref-page .lco-card .lref-card__body h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:13px}
.lref-page .lco-card .lref-card__body p{font-size:.94rem;line-height:1.85;margin-bottom:17px}
.lref-page .lco-card-context{color:#5b6c60;border-top:1px solid #e7ece4;padding-top:13px;margin:0 0 13px;font-size:.72rem;line-height:1.8;overflow-wrap:anywhere}
.lref-page .lco-card .lref-card__body .lref-kicker{letter-spacing:.075em;font-size:.67rem}
.lref-page .lco-card .lref-card__media .lref-save{top:15px;right:15px}
.lref-page .lref-grid--compact .lco-card .lco-cover{min-height:255px;height:100%;border-radius:0;padding:24px 25px;gap:32px}
.lref-page .lref-grid--compact .lco-card .lco-cover-title{font-size:2rem}
.lref-page .lref-grid--compact .lco-cover-index{display:none}
.lref-page .lref-grid--compact .lco-card .lref-card__media{min-height:0}
.lref-page .lco-ribbon{background:linear-gradient(115deg,#f5f6ef,#fff 60%,#f6f5ee);padding:52px 0 48px;border-top:1px solid #e0e7dc;border-bottom:1px solid #e0e7dc;scroll-margin-top:110px}
.lref-page .lco-ribbon-head{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:60px;margin-bottom:30px}
.lref-page .lco-ribbon-head h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,2.35vw,2.25rem);font-weight:400;line-height:1.25;letter-spacing:-.035em;margin:12px 0 0;color:#193f34}
.lref-page .lco-ribbon-head>p{color:#4c6658;font-size:.97rem;line-height:1.85;margin:0}
.lref-page .lco-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.lref-page .lco-brand-grid>a{display:grid;grid-template-columns:20px minmax(0,1fr) 13px;align-items:center;gap:10px;padding:18px 14px;min-height:76px;background:#ffffffc9;border:1px solid #d9e2d5;border-radius:10px;text-decoration:none!important;color:#214537;transition:background .18s,border-color .18s,box-shadow .18s}
.lref-page .lco-brand-grid>a:hover{background:#eef3e7;border-color:#9bb19a;box-shadow:0 5px 16px #284d3010}
.lref-page .lco-brand-grid strong{font-size:1rem;line-height:1.4;font-weight:550;letter-spacing:-.025em;overflow-wrap:anywhere}
.lref-page .lco-brand-order{font-size:.61rem;letter-spacing:.05em;color:#687657}
.lref-page .lco-brand-arrow{font-size:.86rem;color:#81714e;align-self:center}
.lref-page .lco-ribbon-caption{font-size:.73rem;line-height:1.7;color:#657259;margin:19px 0 0}
.lco-detail .lco-intro{padding:28px 0 0;background:linear-gradient(155deg,#fafbf6,#fff 75%)}
.lco-detail .lco-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;padding:34px 0 45px}
.lco-detail .lco-title-line h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.45vw,3.6rem);line-height:1.14;font-weight:400;letter-spacing:-.045em;overflow-wrap:anywhere;margin:14px 0 14px;color:#183e34}
.lco-detail .lco-title-line .lref-favorite-badge{margin:0 0 17px}
.lco-detail .lco-tagline{font-size:clamp(1.13rem,1.55vw,1.4rem);line-height:1.58;letter-spacing:-.025em;color:#36564a;margin:4px 0 19px;max-width:640px}
.lco-detail .lco-summary{font-size:1rem;line-height:1.92;color:#4c665b;margin:0 0 24px;max-width:680px}
.lco-detail .lco-intro-portrait{min-width:0;margin:0}
.lco-detail .lco-intro-portrait figcaption{font-size:.71rem;line-height:1.8;margin-top:13px;color:#657363;text-align:right}
.lco-detail .lco-snapshot{display:grid;grid-template-columns:1fr 1.6fr 1.35fr auto;gap:28px;padding:25px 0 30px;border-top:1px solid #dce5d6;border-bottom:1px solid #dce5d6;align-items:start}
.lco-detail .lco-snapshot>div{min-width:0;display:flex;flex-direction:column;gap:10px}
.lco-detail .lco-snapshot strong{font-size:.9rem;line-height:1.65;font-weight:500;color:#2c4b3d}
.lco-detail .lco-snapshot .lref-tags{margin:0}
.lco-detail .lco-snapshot .lref-save{position:static;align-self:center;max-width:100%}
.lco-detail .lco-story-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(36px,6vw,90px);padding-top:54px;padding-bottom:26px}
.lco-detail .lco-aside{position:sticky;top:115px;align-self:start;min-width:0;margin-bottom:24px}
.lco-detail .lco-aside nav{display:grid;margin:17px 0 26px}
.lco-detail .lco-aside nav>a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;min-height:48px;padding:13px 6px;border-bottom:1px solid #e0e7db;color:#405d4e;text-decoration:none!important;font-size:.84rem;line-height:1.65;overflow-wrap:anywhere}
.lco-detail .lco-aside nav>a:hover{color:#16452e;background:#f1f5eb}
.lco-detail .lco-aside nav>a>span{font-size:.65rem;line-height:2.1;color:#697a5f}
.lco-detail .lco-aside>.lref-textlink{font-size:.83rem;white-space:normal;overflow-wrap:anywhere}
.lco-detail .lco-story{min-width:0;max-width:890px}
.lco-detail .lco-chapter{margin-bottom:52px;scroll-margin-top:110px}
.lco-detail .lco-chapter h2{font-size:clamp(1.5rem,2vw,1.9rem);font-weight:500;line-height:1.26;letter-spacing:-.033em;margin:13px 0 20px;color:#214337;overflow-wrap:anywhere}
.lco-detail .lco-chapter h3{font-size:1.12rem;font-weight:550;line-height:1.4;letter-spacing:-.02em;margin:24px 0 12px;color:#2d4c3e;overflow-wrap:anywhere}
.lco-detail .lco-chapter p{font-size:1rem;line-height:1.95;color:#486357;margin:0 0 17px;overflow-wrap:break-word}
.lco-detail .lco-role{padding:29px 32px;background:linear-gradient(120deg,#f1f5e9,#f9faf4);border:1px solid #dce5d3;border-left:3px solid #8eaa75;border-radius:0 16px 16px 0}
.lco-detail .lco-role p:last-child{margin-bottom:0}
.lco-detail .lco-features{display:grid;gap:0}
.lco-detail .lco-features article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;padding:23px 0;border-top:1px solid #dfe7d8}
.lco-detail .lco-feature-num{display:grid;place-items:center;height:38px;width:38px;border-radius:50%;border:1px solid #d6e1cc;color:#637b4e;font-size:.71rem;background:#f6f8f0}
.lco-detail .lco-features h3{margin:3px 0 11px}
.lco-detail .lco-features p{margin:0}
.lco-detail .lco-documentation{border:1px solid #dce4d7;border-radius:12px;background:#fafbf7}
.lco-detail .lco-documentation summary{display:flex;justify-content:space-between;gap:22px;align-items:start;cursor:pointer;padding:21px 24px;min-height:54px;list-style:none;font-size:.94rem;line-height:1.6;font-weight:550;color:#294837}
.lco-detail .lco-documentation summary::-webkit-details-marker{display:none}
.lco-detail .lco-documentation summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.lco-detail .lco-documentation summary>span[aria-hidden]{font-size:1.2rem;flex:0 0 auto;transition:transform .18s}
.lco-detail .lco-documentation[open] summary>span[aria-hidden]{transform:rotate(45deg)}
.lco-detail .lco-documentation>div{padding:0 24px 24px}
.lco-detail .lco-documentation p{font-size:.89rem;line-height:1.88}
.lco-detail .lco-documentation a{font-size:.9rem;overflow-wrap:anywhere;white-space:normal}
.lco-detail .lco-conversation{padding:24px 0 30px;background:#fff}
.lco-detail .lco-conversation-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;padding:46px 44px;border-radius:20px;background:linear-gradient(130deg,#1c4336,#112e29);color:#fff}
.lco-detail .lco-conversation-panel h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:400;line-height:1.24;letter-spacing:-.035em;color:#fff;margin:16px 0 0;overflow-wrap:anywhere}
.lco-detail .lco-conversation-panel .lref-kicker{color:#ded6bb}
.lco-detail .lco-conversation-panel p{font-size:1rem;line-height:1.85;color:#e1e9de;margin:0 0 17px}
.lco-detail .lco-conversation-panel p+p{font-size:.89rem;color:#bbcfc1}
.lco-detail .lco-conversation-panel .lref-btn{background:#e8efdb;border-color:#e8efdb;color:#213b2a;white-space:normal}
.lco-detail .lco-related{padding-top:30px}
.lref-page .lco-cover:focus-visible,.lref-page .lco-brand-grid>a:focus-visible,.lco-detail .lco-aside nav>a:focus-visible,.lco-detail .lco-documentation summary:focus-visible{outline:3px solid #8c9f5b;outline-offset:4px}
.lco-detail .lref-actions .lref-btn{white-space:normal;max-width:100%}
.lref-page [class^="lco-"],.lref-page [class*=" lco-"]{box-sizing:border-box;min-width:0}
@media(min-width:1650px){.lref-page .lco-cover-title{font-size:2.7rem}}
@media(max-width:1160px){.lref-page .lco-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lref-page .lco-ribbon-head{gap:30px}.lco-detail .lco-intro-grid{gap:32px}.lco-detail .lco-snapshot{grid-template-columns:1fr 1.5fr}.lco-detail .lco-snapshot>.lref-save{justify-self:start}.lco-detail .lco-story-layout{grid-template-columns:190px minmax(0,1fr);gap:38px}.lref-page .lco-cover--hero{padding:27px;min-height:310px}.lco-detail .lco-conversation-panel{gap:30px;padding:34px}}
@media(max-width:850px){.lco-detail .lco-intro-grid{grid-template-columns:1fr;gap:28px;padding-top:25px}.lco-detail .lco-intro-copy{max-width:720px}.lco-detail .lco-intro-portrait{max-width:680px;width:100%}.lco-detail .lco-intro-portrait figcaption{text-align:left}.lref-page .lco-cover--hero{min-height:300px}.lco-detail .lco-story-layout{grid-template-columns:1fr;padding-top:30px;gap:15px}.lco-detail .lco-aside{position:static;top:auto;max-height:none}.lco-detail .lco-aside nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.lco-detail .lco-aside nav>a{padding:12px 5px}.lco-detail .lco-conversation-panel{grid-template-columns:1fr;gap:25px}.lco-detail .lco-intro{padding-top:18px}.lref-page .lco-cover-title{font-size:2.35rem}.lref-page .lco-cover-index{display:none}}
@media(max-width:620px){.lref-page .lco-ribbon{padding:31px 0}.lref-page .lco-ribbon-head{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.lref-page .lco-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lref-page .lco-brand-grid>a{grid-template-columns:minmax(0,1fr) 13px;padding:16px 14px;min-height:70px;gap:8px}.lref-page .lco-brand-order{display:none}.lref-page .lco-brand-grid strong{font-size:.98rem}.lref-page .lco-ribbon-caption{font-size:.7rem}.lref-page .lref-grid--compact .lco-card{grid-template-columns:1fr}.lref-page .lref-grid--compact .lco-card .lco-cover{height:auto;min-height:220px;padding:24px;border-radius:12px 12px 0 0}.lref-page .lco-card .lref-card__body{padding:22px 23px}.lref-page .lco-cover{min-height:228px;padding:23px 25px}.lref-page .lco-cover-title,.lref-page .lref-grid--compact .lco-card .lco-cover-title{font-size:2.2rem}.lref-page .lco-cover--hero .lco-cover-title{font-size:2.5rem}.lref-page .lco-cover--hero{min-height:295px;padding:25px}.lco-detail .lco-title-line h1{font-size:2.3rem}.lco-detail .lco-summary{font-size:.96rem;line-height:1.88}.lco-detail .lco-intro-grid{padding-bottom:29px}.lco-detail .lco-snapshot{gap:25px;grid-template-columns:1fr;padding:24px 0}.lco-detail .lco-chapter{margin-bottom:37px}.lco-detail .lco-chapter h2{font-size:1.6rem}.lco-detail .lco-chapter p{font-size:.95rem;line-height:1.88}.lco-detail .lco-role{padding:23px}.lco-detail .lco-features article{grid-template-columns:30px minmax(0,1fr);gap:14px}.lco-detail .lco-feature-num{width:30px;height:30px}.lco-detail .lco-documentation summary{padding:18px 20px}.lco-detail .lco-documentation>div{padding:0 20px 22px}.lco-detail .lco-conversation-panel{padding:27px 24px;border-radius:15px}.lco-detail .lco-conversation-panel .lref-btn{width:100%;justify-content:center}.lco-detail .lref-actions{align-items:stretch}.lco-detail .lref-actions>.lref-btn{width:100%;justify-content:center}.lco-detail .lco-intro .lref-topline{gap:15px}}
@media(max-width:380px){.lref-page .lco-brand-grid{grid-template-columns:1fr}.lref-page .lco-brand-grid>a{min-height:56px}.lref-page .lco-brand-grid strong{font-size:1.05rem}.lco-detail .lco-aside nav{grid-template-columns:1fr}.lref-page .lco-cover-title,.lref-page .lref-grid--compact .lco-card .lco-cover-title{font-size:2rem}.lref-page .lco-cover--hero .lco-cover-title{font-size:2.25rem}.lref-page .lco-cover,.lref-page .lco-cover--hero{padding:22px}.lco-detail .lco-role{padding:20px}.lco-detail .lco-conversation-panel{padding:24px 21px}}
@media(prefers-reduced-motion:reduce){.lref-page .lco-brand-grid>a,.lco-detail .lco-documentation summary>span[aria-hidden]{transition:none}}
@media print{.lco-detail .lco-aside,.lco-detail .lco-related{display:none}.lco-detail .lco-story-layout{display:block}.lco-detail .lco-cover-art{display:none}.lco-detail .lco-chapter{break-inside:avoid}}

/* Leave clear space for the existing shortlist button; cover labels wrap, never truncate. */
.lref-page .lco-card .lco-cover-top{padding-right:44px;min-width:0}
.lref-page .lco-card .lco-cover-top>span:first-child{min-width:0;overflow-wrap:anywhere}