:root{--ink:#111718;--ink2:#1a2224;--paper:#f2eee5;--white:#fff;--text:#182021;--muted:#697172;--gold:#b99a68;--line:rgba(17,23,24,.15);--light:rgba(255,255,255,.16);--max:1240px;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--text);background:#fff;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:-9999px;top:8px;z-index:999;background:white;padding:10px}.skip:focus{left:10px}.topbar{height:78px;padding:0 max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:50;color:white;border-bottom:1px solid transparent;transition:.25s}.topbar.scrolled{background:rgba(17,23,24,.96);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.16em;font-weight:600}.monogram{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-family:var(--serif);font-size:1rem;color:#d7bd93}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:.73rem;color:rgba(255,255,255,.75)}.topbar nav a:hover{color:white}.menu{display:none;border:0;background:transparent;width:44px;height:44px}.menu i{display:block;height:1px;background:white;margin:8px}.dark{background:var(--ink);color:white}.paper{background:var(--paper)}.section{padding:130px max(24px,calc((100vw - var(--max))/2));position:relative}.kicker{font-size:.68rem;letter-spacing:.17em;font-weight:600;color:var(--gold);margin:0 0 18px}.chapter{font-family:var(--serif);font-size:clamp(5rem,11vw,10rem);line-height:.8;color:rgba(17,23,24,.065);position:absolute;top:78px;left:max(24px,calc((100vw - var(--max))/2));pointer-events:none}.dark .chapter{color:rgba(255,255,255,.06)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.96;margin:0 0 22px}h1{font-size:clamp(4rem,7.8vw,8.5rem);letter-spacing:-.045em}h1 em{font-weight:400;color:#d9bea0}h2{font-size:clamp(3.1rem,5.7vw,6.4rem);letter-spacing:-.035em}h3{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.02em}.lead{font-family:var(--serif);font-size:clamp(1.4rem,2.15vw,2.15rem);line-height:1.2;color:#374143}.dark .lead{color:rgba(255,255,255,.76)}.quiet{color:var(--muted)}.dark .quiet{color:rgba(255,255,255,.56)}.heading{max-width:850px;margin-bottom:64px}.heading>p:last-child{max-width:720px;color:var(--muted)}.paper .heading>p:last-child{color:#616866}.hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);padding:120px max(24px,calc((100vw - var(--max))/2)) 112px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(185,154,104,.15),transparent 36%),linear-gradient(90deg,#111718 0%,#111718 48%,rgba(17,23,24,.75) 66%,rgba(17,23,24,.2) 100%);z-index:1;pointer-events:none}.heroText{align-self:center;position:relative;z-index:3;max-width:790px}.heroLead{font-family:var(--serif);font-size:clamp(1.25rem,1.85vw,2rem);line-height:1.24;color:rgba(255,255,255,.76);max-width:760px}.heroSmall{max-width:610px;color:rgba(255,255,255,.48);font-size:.9rem}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(255,255,255,.28);font-size:.75rem;letter-spacing:.06em}.btn.gold{background:var(--gold);border-color:var(--gold);color:#131718}.btn.ghost:hover{background:white;color:#111}.heroPortrait{margin:0;position:absolute;right:0;top:0;bottom:0;width:53%;z-index:0}.heroPortrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.86) contrast(1.02)}.heroPortrait figcaption{position:absolute;right:28px;bottom:38px;z-index:4;font-size:.62rem;letter-spacing:.15em;color:rgba(255,255,255,.6)}.heroStats{position:absolute;z-index:4;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));bottom:26px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}.heroStats div{padding:16px 20px 0 0}.heroStats strong{display:block;font-family:var(--serif);font-size:1.8rem;font-weight:500}.heroStats span{font-size:.66rem;color:rgba(255,255,255,.48)}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding-top:170px}.story .copy{padding-top:38px}.startGallery{height:720px;position:relative}.startGallery figure{margin:0;position:absolute;background:white;padding:10px 10px 30px;box-shadow:0 20px 55px rgba(0,0,0,.12)}.startGallery figure img{width:100%;height:100%;object-fit:cover}.startGallery figure span{position:absolute;left:12px;bottom:7px;font-size:.58rem;letter-spacing:.12em;color:#6e7473}.startGallery figure:nth-child(1){left:0;top:30px;width:55%;height:330px;transform:rotate(-2deg)}.startGallery figure:nth-child(2){right:2%;top:0;width:46%;height:300px;transform:rotate(2deg)}.startGallery figure:nth-child(3){right:16%;bottom:0;width:44%;height:400px;transform:rotate(-1deg)}.archive{padding:130px max(24px,calc((100vw - var(--max))/2))}.mediaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mediaCard{border:0;background:white;padding:0;text-align:left;cursor:zoom-in;overflow:hidden}.mediaCard img{height:330px;width:100%;object-fit:cover;object-position:top}.mediaCard small,.mediaCard b{display:block;padding:0 16px}.mediaCard small{margin-top:15px;color:var(--gold);font-size:.62rem;letter-spacing:.12em}.mediaCard b{font-family:var(--serif);font-size:1.35rem;padding-bottom:20px}.invention{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding-top:170px}.invention .copy{max-width:650px}.award{margin:38px 0;padding:25px 0;border-top:1px solid var(--light);border-bottom:1px solid var(--light)}.award span{font-size:.62rem;letter-spacing:.15em;color:var(--gold)}.award strong{font-family:var(--serif);font-size:4.2rem;font-weight:500;display:block;line-height:1}.award p{color:rgba(255,255,255,.58);max-width:470px}.award a,.lightLink{font-size:.73rem;border-bottom:1px solid currentColor}.inventionVisual img{width:100%;height:680px;object-fit:cover;object-position:top}.systems{padding-top:140px}.systemFeature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:24px;min-height:620px}.systemFeature.reverse .systemCopy{order:2}.systemFeature.reverse .systemPhoto{order:1}.systemCopy{padding:62px}.dodsLogo{width:180px;height:80px;object-fit:contain;object-position:left center;margin-bottom:24px}.wordLogo{font-family:var(--sans);font-size:3.2rem;font-weight:700;letter-spacing:-.05em;color:#d24a3a;margin-bottom:18px}.wordLogo span{font-size:.65rem;letter-spacing:.16em;color:#666;margin-left:8px}.systemPhoto{width:100%;height:100%;object-fit:cover}.bigNumbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.bigNumbers b{font-family:var(--serif);font-size:3.6rem;font-weight:500;display:block;line-height:.9}.bigNumbers span{font-size:.72rem;color:#68706f}.links{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.links a,.textLink,.storeLinks a,.principleSocial{font-size:.72rem;border-bottom:1px solid currentColor;padding-bottom:2px}.borders{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:170px}.borderPhoto img{width:100%;height:760px;object-fit:cover}.wideMini{margin-top:30px;width:100%;height:270px;object-fit:cover}.education{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:170px}.educationMedia img{width:100%;max-height:280px;object-fit:cover;margin-bottom:12px}.educationMedia video{width:100%;background:#000}.educationMedia small{display:block;color:#777;margin-top:8px}.eduLine{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.eduLine span{font-family:var(--serif);font-size:2rem;color:var(--gold)}.eduLine p{margin:5px 0}.bookGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.book{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid var(--line);padding-top:24px}.book img{width:190px;box-shadow:0 20px 45px rgba(0,0,0,.15)}.book small,.film small,.collection small{font-size:.62rem;letter-spacing:.13em;color:var(--gold)}.book p{color:#636a68}.storeLinks{display:flex;gap:16px;flex-wrap:wrap}.films{padding-top:140px}.filmGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px 28px}.film{border-top:1px solid var(--line);padding-top:16px}.filmImg{height:360px;overflow:hidden;margin-bottom:18px;background:#eee}.filmImg img{width:100%;height:100%;object-fit:cover}.filmImg.current img{object-position:center 20%}.film p{color:#646b69}.film details{margin-top:18px}.film summary{list-style:none;cursor:pointer;display:inline-block;border:1px solid var(--line);padding:10px 14px;font-size:.72rem}.film summary::-webkit-details-marker{display:none}.film details[open] summary{margin-bottom:12px}.videoRatio{aspect-ratio:16/9;background:#000}.videoRatio iframe{width:100%;height:100%;border:0}.villa{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;padding-top:170px}.villaVisual{align-self:center;background:#f8f4eb;padding:28px}.villaVisual img{width:100%;height:500px;object-fit:contain}.principleGrid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.principleGrid article{padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principleGrid span{font-family:var(--serif);font-size:2rem;color:var(--gold)}.principleGrid p{color:#616866}.principleSocial{display:inline-block;margin-top:28px}.collection{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding:50px 0;border-top:1px solid var(--line)}.collection.pens{grid-template-columns:1.2fr .8fr}.collectionCopy{align-self:center}.collectionCopy p{color:#626967}.carTriptych{display:grid;grid-template-columns:1fr 1fr;gap:10px}.carTriptych figure{margin:0;position:relative}.carTriptych figure:first-child{grid-column:1/3}.carTriptych img{width:100%;height:260px;object-fit:cover}.carTriptych figure:first-child img{height:360px}.carTriptych span{position:absolute;left:10px;bottom:10px;background:rgba(17,23,24,.78);color:white;padding:5px 8px;font-size:.6rem}.pensPhotos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pensPhotos img{width:100%;height:430px;object-fit:cover}.today{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.todayPhoto{overflow:hidden}.todayPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.todayCopy{padding:9vw;align-self:center}.todayCopy .lead{color:rgba(255,255,255,.75)}.contact{padding:110px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;border-top:1px solid var(--light)}.contact p{color:rgba(255,255,255,.6)}.contactLinks{display:flex;flex-direction:column;align-items:flex-start;gap:14px;align-self:center}.contactLinks a{border-bottom:1px solid rgba(255,255,255,.35)}footer{padding:22px max(24px,calc((100vw - var(--max))/2));background:#0c1011;color:rgba(255,255,255,.45);display:flex;justify-content:space-between;font-size:.66rem}#lightbox{border:0;background:rgba(8,11,12,.94);padding:0;width:100vw;height:100vh;max-width:none;max-height:none}#lightbox[open]{display:grid;place-items:center}#lightbox::backdrop{background:rgba(0,0,0,.74)}#lightbox img{max-width:94vw;max-height:91vh;object-fit:contain}#lightbox button{position:fixed;right:22px;top:18px;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:white;font-size:1.5rem;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:.75s ease}.reveal.in{opacity:1;transform:none}
.archiveThree{grid-template-columns:repeat(3,1fr)}
.archiveThree{grid-template-columns:repeat(2,1fr)}
.archiveThree .mediaCard:nth-child(1),.archiveThree .mediaCard:nth-child(2){grid-column:1/-1}
.archiveThree .mediaCard.article img{height:720px;object-fit:contain;background:#efeadf;padding:14px}
.archiveThree .mediaCard:nth-child(3) img{height:560px;object-fit:contain;background:#efeadf;padding:14px}
.archiveThree .mediaCard b{font-size:1.7rem}
.villaVisual.singleZoom{padding:18px;background:#f8f4eb}
.villaZoom{position:relative;display:block;width:100%;background:#f8f4eb;border:0;padding:0;cursor:zoom-in;overflow:hidden}
.villaZoom .villaBeforeAfter{width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .45s ease}
.villaZoom:hover .villaBeforeAfter{transform:scale(1.035)}
.zoomHint{position:absolute;right:14px;bottom:14px;background:rgba(17,23,24,.78);color:#fff;padding:8px 10px;font-size:.7rem;letter-spacing:.03em;border-radius:3px}
.filmImg.zoomableImage{display:block;width:100%;border:0;padding:0;cursor:zoom-in}
.filmImg.zoomableImage img{transition:transform .35s ease}
.filmImg.zoomableImage:hover img{transform:scale(1.03)}

.mediaCard.article img{height:460px;object-fit:contain;object-position:center;background:#f8f4eb;padding:10px}
.inventionVisual{background:rgba(255,255,255,.06);padding:16px;align-self:start}
.inventionVisual img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:top;background:#fff}
.legal{font-size:.86rem;line-height:1.65;color:#55605f;margin:-4px 0 18px}
.bookStatement{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-bottom:28px}
.bookStatement img{width:100%;height:210px;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.bookStatement p{font-family:var(--serif);font-size:1.35rem;line-height:1.28;margin:0;color:#394344}
.filmStory{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-bottom:42px}
.filmStory img{width:100%;height:330px;object-fit:cover}
.metaLine{font-size:.78rem;color:#7a817f;margin:-6px 0 14px}
.film .storeLinks{margin-top:18px}
.film .storeLinks a{font-size:.72rem;border-bottom:1px solid currentColor;padding-bottom:2px}
.villaVisual.double{display:grid;gap:18px;align-self:center;background:#f8f4eb;padding:24px}
.villaBeforeAfter{width:100%;height:auto!important;object-fit:contain!important}
.villaPromo{width:100%;height:220px!important;object-fit:contain!important;background:#fff;padding:6px}

.zoomableImage{border:0;background:#fff;padding:0;cursor:zoom-in;overflow:hidden}
.zoomableImage img{transition:transform .4s ease}
.zoomableImage:hover img{transform:scale(1.035)}
.logoPane{padding:14px;background:#fff}
.educationMedia video.autoplay-onview{outline:0}
@media(max-width:980px){.topbar nav{position:fixed;top:78px;left:0;right:0;background:rgba(17,23,24,.98);display:none;flex-direction:column;padding:26px}.topbar nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;min-height:900px}.hero:before{background:linear-gradient(180deg,rgba(17,23,24,.98),rgba(17,23,24,.82) 60%,rgba(17,23,24,.48))}.heroPortrait{width:100%;opacity:.6}.heroText{align-self:start;margin-top:80px}.heroStats{grid-template-columns:1fr 1fr}.story,.invention,.borders,.education,.villa,.today,.contact{grid-template-columns:1fr}.startGallery{margin-top:40px}.mediaGrid{grid-template-columns:1fr 1fr}.systemFeature,.systemFeature.reverse{grid-template-columns:1fr}.systemFeature.reverse .systemCopy,.systemFeature.reverse .systemPhoto{order:initial}.systemPhoto{height:500px}.bookGrid,.filmGrid,.principleGrid,.archiveThree{grid-template-columns:1fr}.archiveThree .mediaCard:nth-child(1),.archiveThree .mediaCard:nth-child(2){grid-column:auto}.archiveThree .mediaCard.article img,.archiveThree .mediaCard:nth-child(3) img{height:auto;max-height:76vh}.filmStory,.bookStatement{grid-template-columns:1fr}.collection,.collection.pens{grid-template-columns:1fr}.todayPhoto{height:700px}.todayCopy{padding:90px 24px}.contact{padding-top:80px;padding-bottom:80px}}@media(max-width:650px){.topbar{padding-inline:16px}.brand span:last-child{display:none}.section,.archive{padding-left:18px;padding-right:18px;padding-top:105px;padding-bottom:105px}.hero{padding:100px 18px 135px}.heroText{margin-top:25px}.hero h1{font-size:clamp(3.4rem,16vw,5.7rem)}.heroStats{left:18px;right:18px}.heroStats strong{font-size:1.45rem}.chapter{top:38px;left:18px;font-size:5rem}.story{display:block}.startGallery{height:530px}.startGallery figure:nth-child(1){width:62%;height:240px}.startGallery figure:nth-child(2){width:52%;height:220px}.startGallery figure:nth-child(3){width:50%;height:300px;right:8%}.mediaGrid{grid-template-columns:1fr}.mediaCard img{height:250px}.mediaCard.article img{height:340px}.bookStatement p{font-size:1.1rem}.filmStory img{height:260px}.villaPromo{height:170px!important}.inventionVisual img{height:420px}.systemCopy{padding:34px 22px}.systemPhoto{height:360px}.bigNumbers{grid-template-columns:1fr}.borderPhoto img{height:520px}.book{grid-template-columns:120px 1fr;gap:18px}.book img{width:120px}.filmImg{height:280px}.villaVisual img{height:330px}.principleGrid article{padding:28px}.carTriptych img,.carTriptych figure:first-child img{height:240px}.pensPhotos{grid-template-columns:1fr}.pensPhotos img{height:280px}.todayPhoto{height:520px}.contact{grid-template-columns:1fr}footer{padding-inline:18px}.heroSmall{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:650px){.archiveThree .mediaCard.article img,.archiveThree .mediaCard:nth-child(3) img{height:auto!important;max-height:72vh;background:#efeadf;padding:10px}.zoomHint{font-size:.62rem;left:10px;right:auto;bottom:10px}}

/* v6 — archive transcripts, invention press stack, real company marks */
.archiveTwo{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.archiveTwo .mediaCard{background:#fff;border:1px solid rgba(17,23,24,.10);overflow:hidden}
.mediaThumb{display:block;width:100%;border:0;padding:0;background:#efeadf;cursor:zoom-in}
.archiveTwo .mediaThumb img{width:100%;height:620px;object-fit:contain;padding:16px;background:#efeadf}
.mediaMeta{padding:18px 20px 22px}
.mediaMeta small,.pressCaption small{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.12em;margin:0 0 4px}
.mediaMeta b,.pressCaption b{display:block;font-family:var(--serif);font-size:1.65rem;font-weight:500;line-height:1.05;margin-bottom:14px}
.readArticle{border:0;background:transparent;padding:0 0 3px;border-bottom:1px solid currentColor;cursor:pointer;font-size:.75rem;letter-spacing:.03em;color:var(--text)}
.readArticle.light{color:#fff}
.readArticle:hover{opacity:.65}

.inventionVisual{display:flex;flex-direction:column;gap:26px}
.pressFeature{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}
.pressImage{display:block;width:100%;border:0;background:#ebe5d9;padding:0;cursor:zoom-in}
.pressImage img{width:100%;height:auto;max-height:690px;object-fit:contain;background:#ebe5d9}
.pressFeature.secondary{max-width:82%;align-self:flex-end}
.pressFeature.secondary .pressImage img{max-height:430px}
.pressCaption{padding:16px 18px 18px}
.pressCaption b{color:#fff;font-size:1.45rem}

.codusLogo{display:block;width:215px;max-height:230px;object-fit:contain;object-position:left center;margin-bottom:24px;border-radius:2px}
.systemCopy .dodsLogo{width:220px;height:auto;max-height:105px;margin-bottom:26px}
.systemCopy>.legal{margin-top:8px}

.textDialog{width:min(920px,94vw);max-width:920px;max-height:90vh;border:0;padding:0;background:#f5f1e8;color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.textDialog::backdrop{background:rgba(7,10,11,.78);backdrop-filter:blur(2px)}
.textDialogInner{position:relative;padding:54px 64px 70px;max-height:90vh;overflow:auto}
.textDialog .dialogClose{position:sticky;float:right;top:0;margin:-30px -38px 0 20px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#111;font-size:1.35rem;cursor:pointer;z-index:2}
.textDialog h2{font-size:clamp(2.8rem,5vw,5.2rem);margin-bottom:20px}
.textDialog h3{font-size:1.55rem;line-height:1.1;margin:32px 0 10px}
.textDialog p{font-family:Georgia,serif;font-size:1.02rem;line-height:1.78;color:#303738}
.textDialog .dialogLead{font-size:1.2rem;line-height:1.65;color:#1f2526}
.transcriptNote{margin-top:38px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--sans)!important;font-size:.74rem!important;color:#737a79!important}

@media(max-width:980px){
  .archiveTwo{grid-template-columns:1fr}
  .archiveTwo .mediaThumb img{height:auto;max-height:76vh}
  .pressFeature.secondary{max-width:100%;align-self:stretch}
  .pressFeature.secondary .pressImage img{max-height:560px}
}
@media(max-width:650px){
  .mediaMeta{padding:15px 16px 18px}
  .archiveTwo .mediaThumb img{padding:8px}
  .textDialogInner{padding:42px 22px 56px}
  .textDialog .dialogClose{margin:-22px -4px 0 12px}
  .textDialog p{font-size:.98rem}
  .codusLogo{width:180px}
  .systemCopy .dodsLogo{width:190px}
}

/* Robust archive article viewer: full-screen original + readable transcript */
.articleActions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.articleOpen{position:relative}.articleOverlay[hidden]{display:none!important}.articleOverlay{position:fixed;inset:0;z-index:120;background:rgba(7,10,11,.92);backdrop-filter:blur(5px);padding:20px;display:grid;place-items:center}.articleOverlayPanel{position:relative;width:min(1500px,96vw);height:min(930px,95vh);background:#f5f1e8;box-shadow:0 28px 100px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column}.articleOverlayClose{position:absolute;right:16px;top:14px;z-index:4;width:46px;height:46px;border:1px solid rgba(17,23,24,.2);border-radius:50%;background:rgba(255,255,255,.94);font-size:1.45rem;cursor:pointer}.articleOverlayToolbar{min-height:70px;padding:16px 76px 12px 22px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);background:#fff}.articleOverlayToolbar button{border:1px solid var(--line);background:#fff;padding:10px 14px;cursor:pointer;font-size:.76rem}.articleOverlayToolbar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.articleOverlayBody{min-height:0;flex:1;position:relative;overflow:hidden}.articleOverlayImage,.articleOverlayText{position:absolute;inset:0}.articleOverlayImage{display:grid;place-items:center;background:#181d1e;padding:18px;overflow:auto}.articleOverlayImage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 40px rgba(0,0,0,.28);cursor:zoom-in;transition:max-width .2s,max-height .2s}.articleOverlayImage img.isZoomed{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out}.articleOverlayText{display:none;overflow:auto;padding:50px max(28px,8vw) 70px;background:#f5f1e8}.articleOverlayText .textDialogInner{padding:0;max-height:none;overflow:visible}.articleOverlayText .dialogClose{display:none}.articleOverlayText h2{font-size:clamp(3rem,6vw,6rem)}.articleOverlayText h3{font-size:1.55rem;line-height:1.1;margin:32px 0 10px}.articleOverlayText p{font-family:Georgia,serif;font-size:1.05rem;line-height:1.8;color:#303738;max-width:920px}.articleOverlayText .dialogLead{font-size:1.22rem;line-height:1.65;color:#1f2526}.articleOverlay.mode-text .articleOverlayText{display:block}.articleOverlay.mode-text .articleOverlayImage{display:none}.mediaThumb.articleOpen:after{content:"Kliknite pre zväčšenie";position:absolute;right:14px;bottom:14px;background:rgba(17,23,24,.84);color:white;padding:7px 10px;font-size:.62rem;letter-spacing:.04em;opacity:0;transform:translateY(4px);transition:.2s}.mediaThumb.articleOpen:hover:after{opacity:1;transform:none}
@media(max-width:700px){.articleOverlay{padding:0}.articleOverlayPanel{width:100vw;height:100vh}.articleOverlayToolbar{padding-left:12px;gap:7px}.articleOverlayToolbar button{padding:9px 10px}.articleOverlayText{padding:36px 20px 55px}.articleOverlayImage{padding:8px}.articleActions{gap:14px}}

.readArticle{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:.72rem;cursor:pointer}.readArticle:hover,.playLink:hover{background:#111718;color:#fff;border-color:#111718}.titleAction{margin:-8px 0 12px}.playLink{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;font-size:.72rem}.goals{padding-top:150px}.goalsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.goalCard{border:1px solid var(--line);padding:28px;background:#fff;min-height:250px}.goalCard strong{display:block;font-family:var(--serif);font-size:2.8rem;font-weight:500;line-height:.95}.goalCard span{display:block;margin:8px 0 14px;font-size:.68rem;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.goalCard h3{font-size:1.65rem;margin-bottom:14px}.goalCard p{color:#5f6665;margin:0}.mediaThumb{border:0;background:transparent;padding:0;cursor:pointer}.mediaMeta{padding:0 16px 18px}.systemCopy .dodsLogo,.systemCopy .codusLogo{filter:none}.systemCopy .dodsLogo{width:340px;max-width:100%;height:auto;max-height:none}.codusLogo{width:360px;max-width:100%;height:auto;max-height:none}.bookStatement img{height:340px;object-fit:cover;object-position:center 18%}.filmImg{border:0;padding:0;cursor:zoom-in}.film .titleAction+.metaLine{margin-top:0}.carTriptych span{max-width:92%}@media(max-width:980px){.goalsGrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.goalsGrid{grid-template-columns:1fr}.goalCard{min-height:auto}}

/* v9 finishing details */
.systemCopy .dodsLogo,.systemCopy .codusLogo{display:block;object-fit:contain;object-position:left center;background:transparent;filter:none!important}
.systemCopy .dodsLogo{width:min(430px,100%);max-height:none;margin:0 0 28px}
.systemCopy .codusLogo{width:min(430px,100%);max-height:none;margin:0 0 28px}
.filmImg.filmWatch{position:relative;display:block;overflow:hidden;background:#111718}
.filmImg.filmWatch img{transition:transform .28s ease,opacity .28s ease}
.filmImg.filmWatch:hover img{transform:scale(1.018);opacity:.88}
.filmPlayBadge{position:absolute;left:16px;bottom:16px;background:rgba(17,23,24,.9);color:#fff;padding:8px 11px;font-size:.68rem;letter-spacing:.05em;border:1px solid rgba(255,255,255,.22)}
.mediaThumb.articleOpen{position:relative;display:block}
.mediaThumb.articleOpen:focus-visible,.filmImg.filmWatch:focus-visible{outline:3px solid var(--gold);outline-offset:3px}


/* v10 — film selector / cinematic menu */
.filmMenuHead{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:8px 0 28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filmMenuHead span{font-size:.68rem;letter-spacing:.18em;color:var(--gold);font-weight:600}
.filmMenuHead p{margin:0;max-width:560px;color:#646b69;font-size:.9rem;text-align:right}
.filmGrid.filmMenu{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}
.filmCard{border-top:0;padding-top:0;background:#fff;border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}
.filmCard:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(17,23,24,.10)}
.filmPoster{position:relative;display:block;height:390px;margin:0;overflow:hidden;background:#101516;cursor:pointer}
.filmPoster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,14,.08) 24%,rgba(9,13,14,.18) 50%,rgba(9,13,14,.90) 100%);transition:background .25s ease}
.filmPoster img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease,filter .3s ease}
.filmPoster:hover img{transform:scale(1.035);filter:brightness(.82)}
.filmPoster:hover:after{background:linear-gradient(180deg,rgba(9,13,14,.18) 20%,rgba(9,13,14,.32) 52%,rgba(9,13,14,.94) 100%)}
.filmIndex{position:absolute;top:18px;left:18px;z-index:3;color:#fff;font-family:var(--serif);font-size:1.55rem;line-height:1;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.filmPlayCircle{position:absolute;z-index:4;left:50%;top:45%;transform:translate(-50%,-50%);width:86px;height:86px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.28));transition:transform .22s ease}
.filmPlayCircle svg{width:100%;height:100%;overflow:visible}
.filmPlayCircle circle{fill:rgba(255,255,255,.95);stroke:rgba(255,255,255,.35);stroke-width:1}
.filmPlayCircle path{fill:#111718}
.filmPoster:hover .filmPlayCircle{transform:translate(-50%,-50%) scale(1.08)}
.filmClickHint{position:absolute;z-index:4;right:18px;top:18px;background:rgba(17,23,24,.82);border:1px solid rgba(255,255,255,.28);color:#fff;padding:9px 12px;font-size:.62rem;letter-spacing:.12em;backdrop-filter:blur(4px)}
.filmClickHint b{font-size:.9rem;margin-left:6px}
.filmPosterTitle{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;color:#fff;display:block}
.filmPosterTitle small{display:block;color:#d7b67b!important;letter-spacing:.14em;margin-bottom:7px}
.filmPosterTitle strong{display:block;font-family:var(--serif);font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.02;font-weight:500;max-width:92%}
.filmBody{padding:22px 24px 26px}
.filmBody p{color:#646b69;margin:14px 0}
.filmBody .quiet{font-size:.91rem;color:#787f7d}
.filmMetaRow{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.68rem;color:#7a817f}
.filmYoutubeText{white-space:nowrap;color:#111718;font-weight:600;border-bottom:1px solid #111718}
.filmBody .storeLinks{margin-top:18px}
/* old film badge/button hidden; the entire poster is now the play control */
.filmPlayBadge,.filmCard>.titleAction,.filmCard>small,.filmCard>h3,.filmCard>.metaLine{display:none!important}

@media(max-width:980px){
  .filmGrid.filmMenu{grid-template-columns:1fr}
  .filmPoster{height:460px}
}
@media(max-width:650px){
  .filmMenuHead{display:block}
  .filmMenuHead p{text-align:left;margin-top:8px}
  .filmPoster{height:330px}
  .filmPlayCircle{width:72px;height:72px}
  .filmClickHint{font-size:.56rem;top:14px;right:14px}
  .filmIndex{top:15px;left:15px}
  .filmPosterTitle{left:16px;right:16px;bottom:16px}
  .filmPosterTitle strong{font-size:1.6rem}
  .filmBody{padding:18px}
  .filmMetaRow{display:block}
  .filmYoutubeText{display:inline-block;margin-top:8px}
}