/* V20 · Our story: archival images and four editorial chapters. */
.history-page{--history-line:#d7d7d3;--history-muted:#62646a;--history-brand:#a7b1ff}.history-opening{padding:75px 0 70px}.history-opening h1{font-size:clamp(58px,5.3vw,112px);font-weight:500;line-height:1.06;letter-spacing:-.065em;margin:26px 0 34px}.history-opening h1 span{text-decoration:underline;text-decoration-color:#a7b1ff;text-decoration-thickness:.055em;text-underline-offset:.11em;text-decoration-skip-ink:none}.history-opening-bottom{display:flex;gap:50px;align-items:end;justify-content:space-between}.history-opening-bottom>p{font-size:clamp(20px,1.25vw,25px);max-width:880px;letter-spacing:-.025em;line-height:1.6}.history-scroll{display:inline-flex;align-items:center;gap:50px;font-size:16px;white-space:nowrap;padding:16px 0;border-bottom:1px solid var(--history-line)}.history-scroll span{font-size:28px;transition:transform .3s}.history-scroll:hover span{transform:translateY(5px)}
.history-origin{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(45px,6vw,130px);align-items:center;padding-bottom:110px}.history-archive{position:relative;margin:0;aspect-ratio:1.3;overflow:hidden;border-radius:10px;background:#161616}.history-archive>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.history-archive:hover>img{transform:scale(1.025)}.history-archive:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#161616dd);pointer-events:none}.history-archive figcaption{position:absolute;z-index:1;bottom:35px;left:35px;right:35px;display:flex;align-items:end;gap:24px;color:white}.history-archive figcaption>span{font-size:clamp(64px,5.4vw,120px);letter-spacing:-.07em;line-height:.9;font-weight:400}.history-archive figcaption>p{font-size:15px;line-height:1.5;margin-bottom:3px}.history-copy h2,.history-section-head h2,.history-today h2,.history-close h2{font-size:clamp(34px,2.65vw,56px);line-height:1.14;letter-spacing:-.055em;font-weight:500}.history-chapter{font-size:15px;color:var(--history-muted);margin-bottom:24px}.history-copy>p:not(.history-chapter){font-size:clamp(18px,1.1vw,22px);line-height:1.7;margin-top:25px}.history-copy .history-note{color:var(--history-muted);font-size:clamp(16px,1vw,20px)!important}.history-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 0;border-bottom:1px solid var(--history-line);font-size:17px;transition:border-color .2s}.history-link svg{width:25px;height:25px;flex:none;transition:transform .25s}.history-link:hover{border-color:#161616}.history-link:hover svg{transform:translate(3px,-3px)}.history-copy .history-link{margin-top:24px}
.history-enterprise{padding-block:75px 0;border-top:1px solid var(--history-line)}.history-section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.history-section-head>p{font-size:clamp(18px,1.1vw,22px);line-height:1.7;max-width:690px;color:var(--history-muted)}.history-milestones{list-style:none;padding:0;margin:55px 0 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.history-milestones li{border-top:1px solid var(--history-line);padding-top:18px;position:relative}.history-milestones li:before{content:'';position:absolute;top:-4px;left:0;width:8px;height:8px;background:var(--history-brand);border-radius:50%}.history-milestones li>span{font-size:15px;color:var(--history-muted)}.history-milestones h3{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:14px 0 9px}.history-milestones p{font-size:17px;line-height:1.6;color:var(--history-muted);max-width:380px}.history-field{position:relative;display:block;height:clamp(370px,27vw,560px);border-radius:10px;overflow:hidden;background:#161616;color:#fff}.history-field>img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:center 38%;transform:translateY(var(--story-y,0px));transition:filter .5s}.history-field:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#161616cf,transparent 85%),linear-gradient(0deg,#16161675,transparent)}.history-field>div{position:absolute;z-index:1;left:clamp(30px,3vw,60px);bottom:clamp(30px,3vw,60px);right:30px}.history-field h3{font-size:clamp(31px,2.5vw,52px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:20px 0 26px}.history-field span{display:inline-flex;align-items:center;gap:20px;font-size:17px}.history-field svg{width:25px;height:25px;transition:transform .25s}.history-field:hover svg{transform:translate(3px,-3px)}.history-field .eyebrow{color:#a7b1ff}
.history-platform{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;padding-block:115px}.history-platform-image{margin:0;background:#e9ebff;padding:38px 0 0 38px;border-radius:10px;overflow:hidden}.history-platform-image img{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:left top;border-radius:7px 0 0 0;box-shadow:-8px -8px 40px #16161612}.history-platform-image figcaption{padding:24px 28px 28px 0;display:flex;flex-direction:column;gap:6px}.history-platform-image figcaption strong{font-size:22px;font-weight:500;letter-spacing:-.03em}.history-platform-image figcaption span{font-size:15px;color:var(--history-muted)}
.history-today{position:relative;isolation:isolate;border-radius:10px;overflow:hidden;background:#161616;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding:clamp(35px,4.5vw,90px)}.history-today:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#161616 8%,#161616d1 52%,#1616165c),url('../campo-ottica-viola.webp') center/cover;filter:hue-rotate(-22deg)}.history-today .history-chapter{color:#a7b1ff}.history-today-copy>p:not(.history-chapter){font-size:clamp(18px,1.1vw,22px);line-height:1.7;margin-top:28px;color:#e3e3e6}.history-today .history-link{color:#fff;border-color:#ffffff50;margin-top:24px}.history-today .history-link:hover{border-color:#a7b1ff}.history-today :focus-visible{outline-color:#a7b1ff}.history-horizon{display:flex;flex-direction:column;justify-content:space-between;gap:45px}.history-horizon>span{font-size:clamp(85px,8vw,160px);line-height:1;color:#d7ea40}.history-horizon p{font-size:clamp(18px,1.15vw,23px);line-height:1.6;letter-spacing:-.025em;max-width:490px;color:#fff}.history-close{padding-block:100px 115px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.history-close>div>p{font-size:20px;line-height:1.6;color:var(--history-muted);max-width:650px}.history-close-links{display:flex;flex-wrap:wrap;gap:15px 45px;margin-top:18px}.history-close .history-link{font-size:16px}.history-page .site-footer{margin-top:0}
.story-motion [data-story-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.story-motion [data-story-reveal].is-visible{opacity:1;transform:none}
@media(min-width:1900px){.history-origin{padding-bottom:130px}.history-milestones p{font-size:19px;max-width:460px}.history-milestones h3{font-size:28px}.history-chapter,.history-milestones li>span{font-size:17px}.history-link{font-size:19px}.history-opening-bottom>p{max-width:980px}.history-close>div>p{font-size:22px}.history-close .history-link{font-size:18px}}
@media(max-width:1100px){.history-opening{padding-top:45px}.history-opening-bottom{gap:30px}.history-opening-bottom>p{max-width:650px}.history-scroll{gap:18px;font-size:14px}.history-origin{gap:40px}.history-copy h2,.history-section-head h2,.history-today h2,.history-close h2{font-size:35px}.history-copy>p:not(.history-chapter){font-size:18px}.history-archive{aspect-ratio:.9}.history-platform{gap:40px;padding-block:85px}.history-today{gap:60px}.history-close{gap:40px}.history-milestones{gap:25px}.history-milestones p{font-size:16px}}
@media(max-width:800px){.history-opening{padding:35px 0 40px}.history-opening h1{font-size:clamp(48px,7.5vw,65px);margin:20px 0 27px}.history-opening-bottom{display:block}.history-opening-bottom>p{font-size:19px}.history-scroll{margin-top:20px;gap:40px}.history-origin{grid-template-columns:1fr;gap:32px;padding-bottom:60px}.history-archive{aspect-ratio:1.5}.history-archive figcaption{left:24px;bottom:24px}.history-copy h2,.history-section-head h2,.history-today h2,.history-close h2{font-size:36px}.history-chapter{margin-bottom:16px}.history-copy>p:not(.history-chapter){margin-top:20px}.history-enterprise{padding-top:45px}.history-section-head{grid-template-columns:1fr;gap:22px}.history-milestones{margin:35px 0;gap:20px}.history-milestones h3{font-size:22px}.history-milestones p{font-size:15px}.history-field{height:380px}.history-field>div{left:25px;right:25px;bottom:30px}.history-field .eyebrow{font-size:11px}.history-field h3{font-size:34px}.history-platform{grid-template-columns:1fr;gap:35px;padding-block:65px}.history-platform-image{padding:25px 0 0 25px}.history-platform-image img{aspect-ratio:1.8}.history-today{grid-template-columns:1fr;gap:35px;padding:35px 28px}.history-today:before{background:linear-gradient(125deg,#161616 10%,#161616dd 45%,#16161670),url('../campo-ottica-viola.webp') center/cover}.history-horizon{flex-direction:row;align-items:center;gap:25px}.history-horizon>span{font-size:75px}.history-horizon p{font-size:17px}.history-close{grid-template-columns:1fr;gap:25px;padding-block:60px}.history-close>div>p{font-size:18px}}
@media(max-width:480px){.history-opening h1{font-size:46px}.history-opening h1 br{display:none}.history-archive{aspect-ratio:1.15}.history-archive figcaption{gap:16px}.history-archive figcaption>span{font-size:65px}.history-archive figcaption>p{font-size:12px}.history-copy h2,.history-section-head h2,.history-today h2,.history-close h2{font-size:32px}.history-milestones{grid-template-columns:1fr;gap:25px}.history-milestones li{display:grid;grid-template-columns:60px 1fr;gap:7px 18px;padding-top:17px}.history-milestones h3{margin:0;font-size:21px}.history-milestones p{grid-column:2}.history-field{height:370px}.history-field h3{font-size:30px}.history-field span{font-size:15px}.history-field:after{background:linear-gradient(0deg,#161616d9,transparent)}.history-today{padding:30px 24px}.history-today h2 br{display:none}.history-horizon{gap:18px}.history-horizon>span{font-size:55px}.history-horizon p{font-size:16px}.history-platform-image figcaption span{font-size:14px}.history-close-links{gap:8px 25px}}
@media(prefers-reduced-motion:reduce){.story-motion [data-story-reveal]{opacity:1;transform:none;transition:none}.history-archive>img,.history-link svg,.history-field svg,.history-scroll span{transition:none!important;transform:none!important}.history-field>img{transform:none!important}}