/* LOVESILK O nas – candidate v1; reference v2, 2026-09-26.
 * All content styles are isolated to #content .ls-about.
 * Existing Palatino 400 and Livvic 300/400/500 are supplied by style_cs.css.
 */
/* Local italic alias from v2; no duplicate webfont or download. */
@font-face{font-family:"LS About Serif Italic";src:local("Palatino Linotype Italic"),local("PalatinoLinotype-Italic"),local("Palatino Italic"),local("Palatino-Italic"),local("Book Antiqua Italic"),local("BookAntiqua-Italic"),local("TeX Gyre Pagella Italic"),local("TeXGyrePagella-Italic");font-style:italic;font-weight:400}
#content .ls-about{
  --ls-about-ink:#1f1f1f;
  --ls-about-text:#4f4f4f;
  --ls-about-muted:#828282;
  --ls-about-line:#e0e0e0;
  --ls-about-green:#193c35;
  --ls-about-mint:#a5e0cf;
  --ls-about-mint-soft:#eef8f4;
  --ls-about-soft:#f6f6f5;
  --ls-about-serif:"Palatino Linotype",Palatino,"Book Antiqua","TeX Gyre Pagella",Georgia,serif;
  --ls-about-serif-it:"LS About Serif Italic",Palatino,"Book Antiqua",Georgia,serif;
  --ls-about-sans:Livvic,"Segoe UI",Helvetica,Arial,sans-serif;
  --ls-about-wrap:1200px;
  --ls-about-gutter:40px;
}
#content .ls-about *,
#content .ls-about *::before,
#content .ls-about *::after{box-sizing:border-box}
#content .ls-about{margin:0;background:#fff;color:var(--ls-about-text);font-family:var(--ls-about-sans);font-weight:300;font-size:17px;line-height:1.8;letter-spacing:.02em;-webkit-font-smoothing:antialiased}
#content .ls-about img{display:block;max-width:100%}
#content .ls-about p{margin:0 0 1.1em}
#content .ls-about h1,
#content .ls-about h2,
#content .ls-about h3{font-family:var(--ls-about-serif);font-weight:400;color:var(--ls-about-ink);letter-spacing:.01em;margin:0}
#content .ls-about em{font-style:italic}
#content .ls-about .ls-about__wrap{max-width:var(--ls-about-wrap);margin:0 auto;padding:0 var(--ls-about-gutter)}
#content .ls-about .ls-about__ls-link{color:var(--ls-about-green);text-decoration:none;background-image:linear-gradient(var(--ls-about-mint),var(--ls-about-mint));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .3s ease,color .3s ease;font-weight:400}
#content .ls-about .ls-about__ls-link:hover,
#content .ls-about .ls-about__ls-link:focus-visible{background-size:100% 100%;color:var(--ls-about-green);outline:none}
#content .ls-about .ls-about__eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ls-about-muted);font-weight:400}
#content .ls-about .ls-about__eyebrow::before{content:"";width:34px;height:1px;background:var(--ls-about-mint)}
#content .ls-about .ls-about__h2{font-size:clamp(30px,3.3vw,44px);line-height:1.18}
#content .ls-about .ls-about__lead{font-size:19px;line-height:1.75;color:var(--ls-about-text)}
#content .ls-about .ls-about__section{padding:clamp(72px,9vw,128px) 0}
#content .ls-about .ls-about__section--soft{background:var(--ls-about-soft)}
#content .ls-about .ls-about__divider{display:flex;justify-content:center;padding:0 var(--ls-about-gutter);font-size:0;line-height:0;letter-spacing:0}
#content .ls-about .ls-about__divider::before{content:"";width:1px;height:64px;background:linear-gradient(transparent,var(--ls-about-mint))}
#content .ls-about .ls-about__quote{font-family:var(--ls-about-serif);font-style:italic;color:var(--ls-about-ink);font-size:clamp(24px,2.6vw,34px);line-height:1.4}
#content .ls-about .ls-about__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"top photo" "bottom photo";column-gap:clamp(40px,7vw,110px);align-items:center;padding-top:48px;padding-bottom:clamp(56px,6vw,80px)}
#content .ls-about .ls-about__hero-top{grid-area:top;align-self:end}
#content .ls-about .ls-about__hero-bottom{grid-area:bottom;align-self:start}
#content .ls-about .ls-about__hero-photo-col{grid-area:photo}
#content .ls-about .ls-about__hero h1{font-size:clamp(44px,4.5vw,64px);line-height:1.08;margin:28px 0 30px}
#content .ls-about .ls-about__hero h1 em{display:block;color:var(--ls-about-green)}
#content .ls-about .ls-about__hero .ls-about__lead{max-width:25em;margin:0}
#content .ls-about .ls-about__signature{margin-top:40px;display:flex;align-items:center;gap:18px;font-family:var(--ls-about-serif);font-style:italic;font-size:34px;color:var(--ls-about-ink);line-height:1}
#content .ls-about .ls-about__signature::before{content:"";width:48px;height:1px;background:var(--ls-about-mint)}
#content .ls-about .ls-about__photo-frame{position:relative;max-width:560px;margin-left:auto}
#content .ls-about .ls-about__photo-frame::before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid var(--ls-about-mint);pointer-events:none}
#content .ls-about .ls-about__photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:#dcdcde;isolation:isolate}
#content .ls-about .ls-about__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;backface-visibility:hidden;transform:translateZ(0)}
#content .ls-about .ls-about__photo .ls-about__photo-smile{opacity:0;will-change:opacity}
@-webkit-keyframes lsAboutSmile{0%,20.5%{opacity:0}30.7%,64.8%{opacity:1}75%,100%{opacity:0}}
@keyframes lsAboutSmile{0%,20.5%{opacity:0}30.7%,64.8%{opacity:1}75%,100%{opacity:0}}
#content .ls-about .ls-about__photo .ls-about__photo-smile{-webkit-animation:lsAboutSmile 4.4s ease-in-out infinite both;animation:lsAboutSmile 4.4s ease-in-out infinite both}
#content .ls-about .ls-about__photo-caption{margin:40px 0 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ls-about-muted);text-align:right}
#content .ls-about .ls-about__story{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start}
#content .ls-about .ls-about__story h2{margin-top:22px;font-size:clamp(30px,3vw,40px)}
#content .ls-about .ls-about__story-text p{max-width:36em}
#content .ls-about .ls-about__story-big{margin:clamp(56px,7vw,88px) auto 0;max-width:860px;text-align:center}
#content .ls-about .ls-about__story-big .ls-about__quote{margin:0 0 28px}
#content .ls-about .ls-about__story-moments{font-family:var(--ls-about-serif);font-size:clamp(20px,1.9vw,24px);line-height:1.75;color:#3a3a3a;max-width:760px;margin:0 auto 34px}
#content .ls-about .ls-about__story-moments .ls-about__ls-link{font-weight:400}
#content .ls-about .ls-about__story-closing{font-size:17px;color:var(--ls-about-text);letter-spacing:.04em}
#content .ls-about .ls-about__story-closing b{font-weight:500;color:var(--ls-about-green)}
#content .ls-about .ls-about__quality{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px)}
#content .ls-about .ls-about__quality h2{margin:22px 0 18px}
#content .ls-about .ls-about__quality-sub{font-family:var(--ls-about-serif);font-style:italic;font-size:22px;color:var(--ls-about-green);margin:0}
#content .ls-about .ls-about__momme{display:flex;align-items:stretch;margin:44px 0 44px;border-top:1px solid var(--ls-about-line);border-bottom:1px solid var(--ls-about-line)}
#content .ls-about .ls-about__momme-num{padding:26px 34px 22px 0;display:flex;flex-direction:column}
#content .ls-about .ls-about__momme-num + .ls-about__momme-num{padding-left:34px;border-left:1px solid var(--ls-about-line)}
#content .ls-about .ls-about__momme-num b{font-family:var(--ls-about-serif);font-weight:400;font-size:54px;line-height:1;color:var(--ls-about-ink)}
#content .ls-about .ls-about__momme-num small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ls-about-muted);margin-top:10px}
#content .ls-about .ls-about__momme-txt{padding:26px 0 22px 34px;border-left:1px solid var(--ls-about-line);align-self:center;margin:0;font-size:16px;line-height:1.7}
#content .ls-about .ls-about__quality-pull{font-family:var(--ls-about-serif);font-style:italic;font-size:clamp(24px,2.4vw,30px);color:var(--ls-about-ink);margin:0 0 14px;line-height:1.35}
#content .ls-about .ls-about__discover{text-align:center;max-width:780px;margin:0 auto}
#content .ls-about .ls-about__discover h2{margin:22px 0 36px}
#content .ls-about .ls-about__discover-lines{font-family:var(--ls-about-serif);font-size:clamp(21px,2vw,25px);line-height:1.6;color:#3a3a3a;margin:0 0 30px}
#content .ls-about .ls-about__discover-lines span{display:block}
#content .ls-about .ls-about__discover-lines span:last-child{font-style:italic;color:var(--ls-about-green);margin-top:6px}
#content .ls-about .ls-about__discover p{max-width:36em;margin-left:auto;margin-right:auto}
#content .ls-about .ls-about__cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(48px,6vw,72px)}
#content .ls-about .ls-about__cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:30px 28px 26px;border:1px solid var(--ls-about-line);background:#fff;color:var(--ls-about-ink);text-decoration:none;text-align:left;transition:border-color .35s ease,background-color .35s ease,transform .35s ease}
#content .ls-about .ls-about__cat-no{font-family:var(--ls-about-serif);font-style:italic;font-size:15px;color:var(--ls-about-muted)}
#content .ls-about .ls-about__cat-tag{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ls-about-muted);margin:26px 0 10px}
#content .ls-about .ls-about__cat-name{font-family:var(--ls-about-serif);font-size:24px;line-height:1.25;color:var(--ls-about-ink)}
#content .ls-about .ls-about__cat-go{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ls-about-green);font-weight:400}
#content .ls-about .ls-about__cat-go i{display:inline-block;width:26px;height:1px;background:var(--ls-about-green);position:relative;transition:width .35s ease}
#content .ls-about .ls-about__cat-go i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--ls-about-green);border-right:1px solid var(--ls-about-green);transform:rotate(45deg)}
#content .ls-about .ls-about__cat:hover,
#content .ls-about .ls-about__cat:has(a:focus-visible){border-color:var(--ls-about-mint);background:var(--ls-about-mint-soft);transform:translateY(-3px);outline:none}
#content .ls-about .ls-about__cat:hover .ls-about__cat-go i,
#content .ls-about .ls-about__cat:has(a:focus-visible) .ls-about__cat-go i{width:40px}
#content .ls-about .ls-about__human{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,110px);align-items:center}
#content .ls-about .ls-about__human-photo{position:relative;max-width:440px}
#content .ls-about .ls-about__human-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#dcdcde}
#content .ls-about .ls-about__human-photo::after{content:"";position:absolute;left:-18px;bottom:-18px;width:46%;height:46%;border-left:1px solid var(--ls-about-mint);border-bottom:1px solid var(--ls-about-mint);pointer-events:none}
#content .ls-about .ls-about__human h2{margin:22px 0 28px}
#content .ls-about .ls-about__human-end{margin:36px 0 0;padding:4px 0 4px 26px;border-left:1px solid var(--ls-about-mint);font-size:clamp(22px,2.2vw,28px);color:var(--ls-about-green);line-height:1.4}
#content .ls-about .ls-about__outro{background:var(--ls-about-mint-soft);text-align:center}
#content .ls-about .ls-about__outro-in{max-width:680px;margin:0 auto}
#content .ls-about .ls-about__outro h2{margin:22px 0 30px}
#content .ls-about .ls-about__outro p{font-size:18px}
#content .ls-about .ls-about__outro-sign{margin:44px 0 48px}
#content .ls-about .ls-about__outro-sign b{display:block;font-family:var(--ls-about-serif);font-style:italic;font-weight:400;font-size:34px;color:var(--ls-about-ink);line-height:1.2}
#content .ls-about .ls-about__outro-sign span{display:block;margin-top:10px;font-size:12px;letter-spacing:.32em;color:var(--ls-about-muted)}
#content .ls-about .ls-about__btn-cta{display:inline-flex;align-items:center;gap:16px;background:var(--ls-about-green);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding:20px 38px;border:1px solid var(--ls-about-green);transition:background-color .35s ease,color .35s ease}
#content .ls-about .ls-about__btn-cta i{display:inline-block;width:24px;height:1px;background:currentColor;position:relative;transition:width .35s ease}
#content .ls-about .ls-about__btn-cta i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
#content .ls-about .ls-about__btn-cta:hover,
#content .ls-about .ls-about__btn-cta:focus-visible{background:var(--ls-about-mint);color:var(--ls-about-green);outline:none}
#content .ls-about .ls-about__btn-cta:hover i,
#content .ls-about .ls-about__btn-cta:focus-visible i{width:36px}
#content .ls-about .ls-about__hero h1 em,
#content .ls-about .ls-about__signature,
#content .ls-about .ls-about__quote,
#content .ls-about .ls-about__quality-sub,
#content .ls-about .ls-about__quality-pull,
#content .ls-about .ls-about__discover-lines span:last-child,
#content .ls-about .ls-about__cat-no,
#content .ls-about .ls-about__human-end,
#content .ls-about .ls-about__outro-sign b{font-family:var(--ls-about-serif-it);font-style:italic;font-synthesis:none}
@media (max-width:1080px){
#content .ls-about .ls-about__cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
#content .ls-about{--ls-about-gutter:28px}
#content .ls-about .ls-about__hero{grid-template-columns:1fr;grid-template-areas:"top" "photo" "bottom";padding-top:36px}
#content .ls-about .ls-about__hero-photo-col{margin:40px 0 0}
#content .ls-about .ls-about__photo-frame{margin:0 22px 0 0;max-width:none}
#content .ls-about .ls-about__photo-caption{text-align:left;margin-top:36px}
#content .ls-about .ls-about__hero-bottom{margin-top:36px}
#content .ls-about .ls-about__story,
#content .ls-about .ls-about__quality,
#content .ls-about .ls-about__human{grid-template-columns:1fr}
#content .ls-about .ls-about__human-photo{max-width:420px}
}
@media (max-width:600px){
#content .ls-about{--ls-about-gutter:22px}
#content .ls-about{font-size:16px;line-height:1.75}
#content .ls-about .ls-about__hero{padding-top:28px;padding-bottom:36px}
#content .ls-about .ls-about__divider::before{height:40px}
#content .ls-about .ls-about__hero h1{font-size:clamp(38px,11vw,46px);margin:22px 0 0}
#content .ls-about .ls-about__lead{font-size:17.5px}
#content .ls-about .ls-about__signature{font-size:30px;margin-top:30px}
#content .ls-about .ls-about__photo-frame::before{inset:14px -14px -14px 14px}
#content .ls-about .ls-about__photo-frame{margin-right:14px}
#content .ls-about .ls-about__hero-photo-col{margin-top:32px}
#content .ls-about .ls-about__photo-caption{font-size:11px;margin-top:28px}
#content .ls-about .ls-about__story-big{text-align:left}
#content .ls-about .ls-about__story-moments{font-size:20px}
#content .ls-about .ls-about__momme{flex-wrap:wrap}
#content .ls-about .ls-about__momme-num{padding:22px 26px 18px 0}
#content .ls-about .ls-about__momme-num + .ls-about__momme-num{padding-left:26px}
#content .ls-about .ls-about__momme-num b{font-size:44px}
#content .ls-about .ls-about__momme-txt{flex-basis:100%;border-left:0;border-top:1px solid var(--ls-about-line);padding:18px 0 20px}
#content .ls-about .ls-about__discover{text-align:left}
#content .ls-about .ls-about__discover-lines{font-size:21px}
#content .ls-about .ls-about__cats{grid-template-columns:1fr;gap:12px}
#content .ls-about .ls-about__cat{min-height:0;padding:22px 22px 20px}
#content .ls-about .ls-about__cat-tag{margin:14px 0 6px}
#content .ls-about .ls-about__cat-name{font-size:22px}
#content .ls-about .ls-about__cat-go{margin-top:16px}
#content .ls-about .ls-about__human-photo{margin-left:14px}
#content .ls-about .ls-about__human-photo::after{left:-14px;bottom:-14px}
#content .ls-about .ls-about__human-end{padding-left:18px}
#content .ls-about .ls-about__outro-in{text-align:left}
#content .ls-about .ls-about__outro p{font-size:16.5px}
#content .ls-about .ls-about__btn-cta{width:100%;justify-content:center;padding:19px 20px;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
#content .ls-about .ls-about__photo .ls-about__photo-smile{-webkit-animation:none;animation:none;opacity:1}
#content .ls-about .ls-about__cat,
#content .ls-about .ls-about__cat-go i,
#content .ls-about .ls-about__btn-cta,
#content .ls-about .ls-about__btn-cta i,
#content .ls-about .ls-about__ls-link{transition:none}
#content .ls-about .ls-about__cat:hover{transform:none}
}
/* Shoptet typography and semantic elements, within the content wrapper only. */
#content .ls-about { text-align:left; box-sizing:border-box; }
#content .ls-about h1 { text-align:left; }
#content .ls-about h2, #content .ls-about h3 { text-align:inherit; }
#content .ls-about .ls-about__cat-name { margin:0; font-weight:400; letter-spacing:inherit; }
#content .ls-about .ls-about__story-section { padding-top:clamp(56px,7vw,96px); }
#content .ls-about .ls-about__human-photo { margin:0; }
@media (max-width:600px) {
  #content .ls-about .ls-about__human-photo { margin:0 0 0 14px; }
}
#content .ls-about .ls-about__cat:has(a:focus-visible),
#content .ls-about .ls-about__btn-cta:focus-visible,
#content .ls-about .ls-about__ls-link:focus-visible { outline:2px solid var(--ls-about-green); outline-offset:4px; }

/* WYSIWYG-safe cards: ordinary heading links with a full-card hit area. */
#content .ls-about .ls-about__cat-name a{position:static;display:inline;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:none;background:none;border:0;padding:0}
#content .ls-about .ls-about__cat-name a::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}
#content .ls-about .ls-about__cat-name a:focus-visible{outline:none}

/* PAGE 731 – SHOPTET LAYOUT OVERRIDES */
/* Each rule is gated by the verified native numeric ID + slug + page type,
 * and requires the new fragment. It is inert on the original page or after rollback.
 * The default H1 remains in the DOM but is display:none (not an exposed heading).
 */
/* 1. Hide only the native article title, never #header or the hero H1. */
body.id-731.in-o-nas.type-page:has(#content .ls-about) #content > .content-inner > .pageArticleDetail > header[itemprop="headline"] { display:none; }
/* 2. Hide only this page's left category sidebar. */
body.id-731.in-o-nas.type-page:has(#content .ls-about) #content-wrapper > .content-wrapper-in > aside.sidebar-left { display:none; }
/* 3. Release the article from the narrow outer container; inner .ls-about wrappers
 * retain the reference's 1200px maximum and 40/28/22px gutters. */
/* The existing global .container rule has !important horizontal padding. */
body.id-731.in-o-nas.type-page:has(#content .ls-about) #content-wrapper { width:100%; max-width:none; margin-left:0; margin-right:0; padding-left:0 !important; padding-right:0 !important; }
/* 4. Remove the article's sidebar gutter and allow it to occupy the available row.
 * !important is needed only for width/max-width because the existing mobile
 * alignment stylesheet declares those properties !important. */
body.id-731.in-o-nas.type-page:has(#content .ls-about) #content-wrapper > .content-wrapper-in > main#content { flex:1 1 100%; width:100% !important; max-width:none !important; min-width:0; padding:0; }

/* 5. Hide the verified native breadcrumb only on the new About page. */
body.id-731.in-o-nas.type-page:has(#content .ls-about) #content-wrapper > .breadcrumbs { display:none; }