/* INTERIKA LIONEL: limited to this component; never affect other website sections. */
#project-lionel .interika-lionel {--li-bg:var(--paper,#ffffff);--li-alt:var(--paper-2,#f5f5f5);--li-ink:#111111;--li-muted:#6e6a63;--li-red:#c43a27; font-family:"Golos Text",Arial,sans-serif;color:var(--li-ink);background:var(--li-bg);line-height:1.58;font-size:15px;font-weight:400;max-width:1240px;width:100%;padding:32px 0 0;margin:0 auto;}
#project-lionel .interika-lionel,#project-lionel .interika-lionel *,#project-lionel .interika-lionel *::before,#project-lionel .interika-lionel *::after{box-sizing:border-box}
#project-lionel .interika-lionel h1,#project-lionel .interika-lionel h2,#project-lionel .interika-lionel h3,#project-lionel .interika-lionel p,#project-lionel .interika-lionel figure{margin:0}
#project-lionel .interika-lionel h1,#project-lionel .interika-lionel h2,#project-lionel .interika-lionel h3{font-family:Onest,"Golos Text",Arial,sans-serif;font-weight:600}
#project-lionel .interika-lionel img{display:block;width:100%;height:auto;object-fit:contain}
#project-lionel .interika-lionel a{color:inherit}
#project-lionel .interika-lionel .li-ribbon{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;border-top:1px solid #c6beb5;border-bottom:1px solid #c6beb5}
#project-lionel .interika-lionel .li-brand{font-family:Onest,"Golos Text",Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.027em}
#project-lionel .interika-lionel .li-brand::before{content:"";width:22px;height:2px;background:var(--li-red);display:inline-block;vertical-align:middle;margin-right:13px}
#project-lionel .interika-lionel .li-micro{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--li-muted);font-weight:500}
#project-lionel .interika-lionel .li-heading{padding:54px 0 51px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:40px}
#project-lionel .interika-lionel .li-title{font-size:clamp(53px,8vw,110px);letter-spacing:-.068em;line-height:1.02;font-weight:600}
#project-lionel .interika-lionel .li-title-dot{color:var(--li-red)}
#project-lionel .interika-lionel .li-head-note{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--li-muted);margin-bottom:16px}
#project-lionel .interika-lionel .li-place{font-size:12px;color:var(--li-muted);max-width:230px;margin-top:17px}
#project-lionel .interika-lionel .li-counter{align-self:end;text-align:right;padding:18px 0 6px;border-top:1px solid #cac3bb}
#project-lionel .interika-lionel .li-counter-num{font-family:Onest,"Golos Text",Arial,sans-serif;font-size:57px;letter-spacing:-.06em;line-height:1;font-weight:500}
#project-lionel .interika-lionel .li-counter-unit{font-size:20px;color:var(--li-muted)}
#project-lionel .interika-lionel .li-counter-label{font-size:11px;color:var(--li-muted);padding-top:11px}
#project-lionel .interika-lionel .li-cover{max-width:1050px;margin:0 auto}
#project-lionel .interika-lionel .li-cover img{aspect-ratio:4/3;background:#e1dcd4}
#project-lionel .interika-lionel figcaption{color:var(--li-muted);font-size:11px;line-height:1.6;margin-top:11px}
#project-lionel .interika-lionel .li-folio{padding:30px 0 18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.07em;color:var(--li-muted);border-bottom:1px solid #cdc7bf}
#project-lionel .interika-lionel .li-intro{margin:72px 0 104px;padding:60px clamp(24px,4vw,60px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.48fr);gap:52px}
#project-lionel .interika-lionel .li-chapter-id{font-size:11px;color:var(--li-red);letter-spacing:.1em;font-weight:500;text-transform:uppercase}
#project-lionel .interika-lionel .li-intro-label{margin-top:14px;font-size:11px;color:var(--li-muted);letter-spacing:.12em;text-transform:uppercase}
#project-lionel .interika-lionel .li-intro-text{max-width:750px;font-size:clamp(18px,2.15vw,24px);line-height:1.67;letter-spacing:-.014em}
#project-lionel .interika-lionel .li-chapter{padding:0 0 112px}
#project-lionel .interika-lionel .li-chapter-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);align-items:end;gap:55px;margin-bottom:40px}
#project-lionel .interika-lionel .li-chapter-head h2,#project-lionel .interika-lionel .li-end h2{font-size:clamp(31px,3.7vw,50px);line-height:1.12;letter-spacing:-.045em;margin-top:16px}
#project-lionel .interika-lionel .li-chapter-text{font-size:14px;line-height:1.85;color:var(--li-muted);max-width:415px}
#project-lionel .interika-lionel .li-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;justify-items:center;align-items:start}
#project-lionel .interika-lionel .li-photo{width:100%;max-width:350px;min-width:0}
#project-lionel .interika-lionel .li-photo img{aspect-ratio:3/4;background:#d5d0c9}
#project-lionel .interika-lionel .li-gallery>.li-photo:nth-child(2){margin-top:80px}
#project-lionel .interika-lionel .li-gallery>.li-photo:nth-child(3){margin-top:23px}
#project-lionel .interika-lionel .li-gallery--two{max-width:800px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;gap:70px}
#project-lionel .interika-lionel .li-gallery--two .li-photo:nth-child(2){margin-top:90px}
#project-lionel .interika-lionel .li-gallery--quad{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin:0 auto;gap:52px 78px}
#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(2){margin-top:95px}
#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(3){margin-top:20px}
#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(4){margin-top:95px}
#project-lionel .interika-lionel .li-spread-label{font-size:12px;color:var(--li-muted);margin-top:28px}
#project-lionel .interika-lionel .li-divider{border:0;height:1px;background:#cec7bf;margin:0 0 111px}
#project-lionel .interika-lionel .li-hall{background:var(--li-alt);padding:65px clamp(20px,5vw,80px);margin-bottom:120px}
#project-lionel .interika-lionel .li-hall .li-gallery--two{margin-top:45px}
#project-lionel .interika-lionel .li-end{padding:0 0 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center;max-width:930px;margin:0 auto}
#project-lionel .interika-lionel .li-end .li-photo{justify-self:end}
#project-lionel .interika-lionel .li-end .li-end-text{max-width:335px}
#project-lionel .interika-lionel .li-end h2{margin:0 0 26px}
#project-lionel .interika-lionel .li-end-text p{font-size:14px;color:var(--li-muted);line-height:1.85}
#project-lionel .interika-lionel .li-end-text .li-chapter-id{margin-bottom:18px;color:var(--li-red);font-size:11px}
#project-lionel .interika-lionel .li-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-top:1px solid #c6beb5;padding-top:26px}
#project-lionel .interika-lionel .li-footer strong{font-family:Onest,"Golos Text",Arial,sans-serif;letter-spacing:-.025em;font-size:18px}
#project-lionel .interika-lionel .li-footer p{font-size:11px;color:var(--li-muted);text-align:right}
@media(max-width:780px){
 #project-lionel .interika-lionel{padding:22px 0 0}
 #project-lionel .interika-lionel .li-ribbon{padding:15px 0}#project-lionel .interika-lionel .li-brand{font-size:14px}#project-lionel .interika-lionel .li-micro{font-size:9px}
 #project-lionel .interika-lionel .li-heading{grid-template-columns:1fr;gap:24px;padding:33px 0 35px}
 #project-lionel .interika-lionel .li-title{font-size:clamp(47px,12vw,70px)}
 #project-lionel .interika-lionel .li-place{margin-top:14px}
 #project-lionel .interika-lionel .li-counter{text-align:left;display:flex;gap:18px;align-items:baseline}
 #project-lionel .interika-lionel .li-counter-num{font-size:32px}#project-lionel .interika-lionel .li-counter-unit{font-size:16px}#project-lionel .interika-lionel .li-counter-label{padding:0;font-size:11px}
 #project-lionel .interika-lionel .li-folio{padding:21px 0 15px;font-size:9px}
 #project-lionel .interika-lionel .li-intro{grid-template-columns:1fr;gap:21px;margin:48px 0 72px;padding:36px 24px}
 #project-lionel .interika-lionel .li-intro-text{font-size:18px;line-height:1.65}
 #project-lionel .interika-lionel .li-chapter{padding-bottom:81px}
 #project-lionel .interika-lionel .li-chapter-head{grid-template-columns:1fr;gap:19px;margin-bottom:28px}
 #project-lionel .interika-lionel .li-chapter-head h2,#project-lionel .interika-lionel .li-end h2{font-size:clamp(31px,8vw,42px)}
 #project-lionel .interika-lionel .li-chapter-text{font-size:13px}
 #project-lionel .interika-lionel .li-gallery,#project-lionel .interika-lionel .li-gallery--two,#project-lionel .interika-lionel .li-gallery--quad{grid-template-columns:1fr;gap:32px;max-width:none;justify-items:stretch}
 #project-lionel .interika-lionel .li-photo{width:100%;max-width:350px}
 #project-lionel .interika-lionel .li-gallery>.li-photo:nth-child(2),#project-lionel .interika-lionel .li-gallery>.li-photo:nth-child(3),#project-lionel .interika-lionel .li-gallery--two .li-photo:nth-child(2),#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(2),#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(3),#project-lionel .interika-lionel .li-gallery--quad .li-photo:nth-child(4){margin-top:0}
 #project-lionel .interika-lionel .li-gallery .li-photo:nth-child(even){justify-self:end}
 #project-lionel .interika-lionel .li-divider{margin-bottom:75px}
 #project-lionel .interika-lionel .li-hall{padding:42px 20px;margin:0 0 84px}
 #project-lionel .interika-lionel .li-end{grid-template-columns:1fr;gap:34px;padding-bottom:78px}
 #project-lionel .interika-lionel .li-end .li-photo{justify-self:start}
 #project-lionel .interika-lionel .li-footer p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#project-lionel .interika-lionel *{scroll-behavior:auto}}

/* Shared page-shell owns the horizontal page gutters. Native vertical frames stay at most 350 CSS pixels. */
#project-lionel .interika-lionel .surface-panel{--li-muted:#68645d;--li-red:#b63424}
#project-lionel .interika-lionel .li-title-context{display:block;font:500 clamp(20px,2.4vw,31px)/1.3 Onest,"Golos Text",Arial,sans-serif;letter-spacing:-.035em;margin-top:24px}
#project-lionel .interika-lionel .project-gallery-link{display:block}
#project-lionel .interika-lionel .li-gallery-hint{font-size:10px;color:var(--li-muted);margin-top:12px}
#project-lionel .interika-lionel .li-footer a{text-decoration:underline;text-underline-offset:4px;font-size:11px}
#project-lionel .interika-lionel .li-footer a:hover{color:var(--li-red)}
#project-lionel .interika-lionel .li-footer strong a{font-size:18px}
@media(max-width:780px){#project-lionel .interika-lionel .li-title-context{font-size:20px;margin-top:20px}#project-lionel .interika-lionel .li-footer{flex-wrap:wrap}}


/* Selected main photograph: preserve the full portrait and its native detail. */
#project-lionel .interika-lionel .li-cover--main{max-width:350px}
#project-lionel .interika-lionel .li-cover--main img{aspect-ratio:3/4}
#project-lionel .interika-lionel .li-cover--feature{margin:0 auto 48px}
@media(max-width:780px){#project-lionel .interika-lionel .li-cover--feature{margin-bottom:32px}}