:root{--bg:#d8ebee;--ink:#16343a;--line:#16343a35;--display:Arial,sans-serif;--body:Arial,sans-serif;--wash:#c3dde2;--dim:#466b73}.optical-hero{position:relative;padding-top:35px;text-align:center}.optical-hero .layered{max-width:870px;margin:25px auto -90px}.optical-hero h1{position:relative;font:300 clamp(100px,20vw,290px)/1 Arial,sans-serif;letter-spacing:-.065em}.optical-caption{display:flex;justify-content:space-between;text-align:left;margin-top:35px}.optical-layers{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--wash)}.optical-layers ol{list-style:none;padding:0;margin:0}.optical-layers li{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}.optical-layers strong{font-size:24px;font-weight:400}.optical-stage{background:var(--ink);color:var(--bg)}.optical-stage .stage-inner{max-width:1000px;margin:auto}.optical-stage .stage-inner p{align-self:flex-end;max-width:40ch;margin-top:15px}.rim-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.rim-detail h2{margin-top:35px}.rim-detail p{margin-top:30px}.ring-section{display:flex;gap:15px;align-items:center;justify-content:center;height:350px}.ring-section i{display:block;width:65px;height:310px;border-inline:3px solid var(--ink);border-radius:50%;background:var(--wash)}.ring-section i:nth-child(2){height:260px;width:35px;border-width:14px}.rim-detail figcaption{text-align:center;font-size:14px}.optical-compare{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;background:var(--wash)}.optical-compare>div{display:grid;grid-template-columns:1fr 1fr;gap:35px}.optical-compare h3{margin:25px 0 15px}.optical-choice{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px 6vw;align-items:center}.optical-choice>h2{grid-column:1/-1}.choice-image{width:100%;max-height:500px;object-fit:contain}.optical-help{max-width:950px;margin:auto}.optical-help h2{margin-bottom:40px}.optical-end{text-align:center;background:var(--ink);color:var(--bg)}.optical-end .icon{margin:0 auto 35px}.optical-end h2{font-size:clamp(50px,6vw,90px)}.optical-end p{margin:30px auto}.optical-end .action{background:var(--bg);color:var(--ink)}.vitra.auth .auth-shell{padding:70px 5vw;min-height:780px;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}.vitra.auth .layered{grid-column:2;grid-row:1}.vitra.auth .auth-copy{grid-column:1;grid-row:1}.vitra.auth .auth-shell::after{content:"VITRA";font:300 clamp(70px,13vw,180px)/1 Arial,sans-serif;letter-spacing:-.06em;grid-column:1/-1;padding-top:50px;border-top:1px solid var(--line)}@media(max-width:1199px){.optical-layers,.optical-compare{gap:4vw}.optical-layers li{display:block}.optical-layers li span{display:block;margin-top:10px}}@media(max-width:999px){.optical-hero .layered{margin-bottom:-40px}.optical-caption{display:grid;gap:25px}.optical-layers,.rim-detail,.optical-compare,.optical-choice{grid-template-columns:1fr;gap:35px}.optical-compare>div{grid-template-columns:1fr}.optical-stage .stage-inner{display:block}.vitra.auth .auth-shell{grid-template-columns:1fr;min-height:0;padding:30px 6vw}.vitra.auth .layered,.vitra.auth .auth-copy{grid-column:1;grid-row:auto}.vitra.auth .auth-shell::after{grid-column:1}.optical-layers li{display:flex}.optical-layers li span{margin:0}.ring-section{height:260px}.ring-section i{height:230px}.ring-section i:nth-child(2){height:200px}}
@media(max-width:1199px){.optical-hero h1{font-size:clamp(80px,12vw,130px)}}