@font-face{font-family:Switzer;src:url('/_redesign/assets/switzer-light.woff2') format('woff2');font-weight:300;font-display:swap}
/* The original signature is used as artwork, never recreated with a substitute font. */
.header{height:100px;color:#22262c}.header .monogram{display:block;line-height:0;letter-spacing:0}.monogram img{display:block;width:64px;height:32px}.header .monogram img{filter:invert(1)}.header .desktop-nav{font-size:14px;gap:36px}.landing-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;height:63px;border-top:1px solid #b7bdc5;font-size:12px;letter-spacing:.055em;color:#747b85}.landing-footer>a{display:flex;align-items:center;gap:18px;color:#353b45}.landing-footer>a>span{font-size:21px;line-height:1}.folio-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;letter-spacing:.07em;color:#747b85}.folio-count{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#474d57;white-space:nowrap}.folio-stage:focus-visible{outline:1px dashed #687cb3;border-radius:18px}.folio-stage.is-dragging{cursor:grabbing}.folio-card{position:absolute;left:50%;top:50%;width:272px;height:352px;padding:25px 24px;border:1px solid #ffffff80;border-radius:7px;background:#fff;display:flex;flex-direction:column;text-align:left;user-select:none;cursor:grab;backface-visibility:hidden;transform:translate(-50%,-50%);box-shadow:0 36px 34px -22px #25354d44,0 4px 10px #1524440d;transition:transform .85s cubic-bezier(.19,1,.22,1),filter .7s,box-shadow .7s;transform-style:preserve-3d;overflow:hidden;-webkit-user-select:none;-webkit-touch-callout:none}.folio-card.is-current{box-shadow:0 48px 42px -26px #25354d66,0 3px 12px #17213617}.folio-card:focus-visible{outline:3px solid #3d55df;outline-offset:7px}.folio-stage.is-dragging .folio-card{transition:none;cursor:grabbing}.folio-card-top{font-size:12px;letter-spacing:.065em;display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.5}.folio-card-top>span{font-size:12px;text-align:right;max-width:85px;letter-spacing:.03em}.folio-card>strong{font-weight:400;letter-spacing:-.05em;line-height:1}.folio-card-subtitle{font-size:15px;line-height:1.45;letter-spacing:-.01em}.folio-card-footer{font-size:12px;letter-spacing:.07em;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:17px;border-top:1px solid #ffffff44}.folio-vantage{background:#4d50ca;color:#fff}.folio-vantage>strong{font-size:54px;margin-top:33px;letter-spacing:-.065em}.vantage-period{color:#bbc3ff}.folio-vantage .folio-card-subtitle{margin-top:7px;color:#d4d7ff}.folio-preview{display:block;width:116%;margin:25px 0 23px -8%;transform:rotate(-5deg)}.folio-preview>img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 12px 20px #1b206533;pointer-events:none}.folio-olunix{background:#202432;color:#f0edf8;border-color:#484c5b}.folio-olunix>strong{font-family:Editorial,Georgia,serif;font-style:italic;font-size:83px;letter-spacing:-.06em;margin:49px 0 16px}.olunix-card-line{height:1px;background:#777590;width:100%;margin-bottom:20px}.folio-olunix .folio-card-subtitle{font-size:22px;line-height:1.15;color:#c2c1dd;letter-spacing:-.035em}.folio-olunix .folio-card-footer{font-size:12px}.folio-writing{background:#f5f1e7;color:#2b302d;border-color:#d1d4d0}.folio-writing .folio-card-top{color:#757b74}.folio-writing>strong{font-size:40px;letter-spacing:-.04em;line-height:1.04;margin:35px 0 23px}.folio-writing>strong em{font-size:1.45em;line-height:.6;color:#596453}.folio-writing .folio-card-subtitle{color:#737b70;font-size:13px}.folio-writing .folio-card-footer{border-color:#b2b9ac}.folio-person{background:#080e1b;color:#fff;border-color:#657181;isolation:isolate}.folio-person-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.85);pointer-events:none}.folio-person:after{content:'';position:absolute;inset:0;background:linear-gradient(#080e1b80,transparent 45%,#080e1baa);z-index:-1}.folio-person>strong{font-size:37px;margin-top:auto;margin-bottom:16px;line-height:1.04}.folio-person>strong em{font-size:1.25em;letter-spacing:-.03em}.folio-person .folio-card-footer{margin-top:0}.folio-navigation{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 10px;max-width:310px}.folio-navigation>button{border:0;background:transparent;color:#5f6672;font-size:12px;padding:10px}.folio-navigation>button:hover{color:#243ad0}.folio-pagination{display:flex;align-items:center;gap:4px}.folio-pagination>button{width:27px;height:30px;background:transparent;border:0;position:relative;padding:0}.folio-pagination>button:after{content:'';width:5px;height:5px;background:#bbc1cc;border-radius:50%;position:absolute;left:11px;top:12px;transition:transform .3s,background .3s}.folio-pagination>button.is-current:after{background:#3f4d79;transform:scale(1.4)}.folio-context{display:flex;gap:22px;justify-content:space-between;align-items:center;border-top:1px solid #bcc3cd;padding-top:20px;margin:13px 0 0;min-height:78px}.folio-context>p{font-size:13px;line-height:1.55;color:#68707e;max-width:290px;min-height:40px}.folio-context>a{font-size:13px;color:#323b50;border-bottom:1px solid #969faf;padding-bottom:6px;white-space:nowrap}.folio-context>a:hover{color:var(--blue);border-color:var(--blue)}.folio-instruction{text-align:center;margin-top:19px;font-size:12px;letter-spacing:.14em;color:#939aa6}.landing~.intro{border-top:1px solid #b7bdc5}footer .monogram{line-height:0;letter-spacing:0}
@media(min-width:1500px){.folio-card{width:310px;height:400px;padding:28px}.folio-vantage>strong{font-size:63px;margin-top:43px}.folio-preview{margin-top:32px}.folio-olunix>strong{font-size:96px;margin-top:60px}.folio-writing>strong{font-size:47px;margin-top:45px}.folio-person>strong{font-size:43px}.folio-context{margin-top:20px}}
@media(max-width:1100px) and (min-width:761px){.folio-heading{font-size:12px}.folio-card{width:245px;height:330px;padding:22px}.folio-vantage>strong{font-size:48px}.folio-writing>strong{font-size:35px}.folio-context{flex-direction:column;align-items:flex-start;gap:10px;padding-top:17px}.folio-context>p br{display:none}.folio-context>p{min-height:0}.folio-instruction{margin-top:20px}}
@media(max-width:760px){.header{height:82px}.header .monogram img{width:60px;height:30px}.folio-heading{font-size:12px;letter-spacing:.035em}.folio-card{width:238px;height:323px;padding:22px}.folio-vantage>strong{font-size:47px;margin-top:29px}.folio-vantage .folio-card-subtitle{font-size:14px}.folio-preview{margin-top:27px;margin-bottom:21px}.folio-olunix>strong{font-size:75px;margin:40px 0 18px}.folio-olunix .folio-card-subtitle{font-size:21px}.folio-writing>strong{font-size:37px;margin-top:32px}.folio-person>strong{font-size:35px}.folio-card-top{font-size:12px}.folio-card-top>span{font-size:12px}.folio-card-footer{font-size:12px}.folio-context{padding-top:17px;margin-top:12px;gap:16px;min-height:77px}.folio-context>p{font-size:12px;max-width:210px}.folio-context>a{font-size:12px}.folio-instruction{font-size:12px;margin-top:16px}.landing-footer{height:58px;font-size:12px}.landing-footer>a{font-size:12px;gap:8px}.hero-line{display:none}}
@media(max-width:370px){.folio-card{width:214px;height:310px}.folio-vantage>strong{font-size:42px}.folio-context{flex-wrap:wrap;gap:10px}.folio-context>p{max-width:none}.folio-heading{font-size:12px}}
@media(prefers-reduced-motion:reduce){.folio-card{transition:none}}

/* Controls stay at the edge, clear of the folio’s primary action. */.folio-card-footer{line-height:1.3}.folio-card-top>span{font-size:12px}.folio-card-top{font-size:12px}.folio-instruction{font-size:12px;letter-spacing:.06em}.folio-card-footer>span{flex-shrink:0}.folio-vantage .folio-preview{margin-top:20px;margin-bottom:15px}.folio-vantage>strong{margin-top:26px}.folio-writing .folio-card-subtitle{margin-bottom:16px}.folio-olunix .folio-card-footer{font-size:12px}
@media(max-width:760px){.folio-heading{font-size:12px;letter-spacing:0}.folio-heading>span:first-child{max-width:230px;line-height:1.5}.folio-context{min-height:90px}.folio-card-top>span{max-width:90px}.folio-card-footer{font-size:12px}.folio-card{height:338px}.folio-vantage>strong{margin-top:23px}.folio-vantage .folio-preview{margin-top:21px}.folio-instruction{line-height:1.5;max-width:290px;margin:14px auto 0}.landing-footer{font-size:12px}.landing-footer>a{font-size:12px}}
@media(max-width:370px){.folio-heading{font-size:12px}.folio-card{width:210px;height:328px}.folio-vantage>strong{font-size:40px}.folio-card-top{gap:5px}.folio-card-top>span{font-size:12px}.folio-card-footer{font-size:12px}.folio-writing>strong{font-size:32px}.folio-olunix>strong{font-size:65px;margin-top:35px}.folio-instruction{font-size:12px}}
@media(min-width:761px) and (max-width:1499px){.folio-instruction{position:absolute;top:26px;right:0;margin:0;font-size:12px;letter-spacing:.035em}.folio-heading>span:first-child{font-size:12px}.folio-context{padding-top:17px;min-height:73px}.folio-card{height:340px}.folio-vantage>strong{font-size:50px;margin-top:23px}.folio-vantage .folio-preview{margin-top:20px;margin-bottom:12px}.folio-writing>strong{font-size:37px;margin-top:31px}.folio-olunix>strong{font-size:78px;margin-top:38px}.folio-card-footer{padding-top:12px}}
/* A fixed grid keeps the product artwork and labels inside the card at every size. */
.landing .folio-card.folio-vantage{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;row-gap:8px}.landing .folio-card.folio-vantage>strong{margin:10px 0 0}.landing .folio-vantage .folio-card-subtitle{margin:0}.landing .folio-vantage .folio-preview{margin:0 0 0 -8%;height:100%;max-height:140px;align-self:center;display:flex;align-items:center}.landing .folio-vantage .folio-preview img{height:auto;max-height:100%;object-fit:contain}.landing .folio-vantage .folio-card-footer{margin:0;align-self:end;padding-top:9px}.folio-heading>span:first-child{font-size:12px}
@media(max-width:760px){.folio-heading>span:first-child{max-width:235px}.landing .folio-vantage .folio-card-footer{font-size:12px}.folio-context>p,.folio-context>a{font-size:14px}.folio-context{gap:15px}.folio-context>p{max-width:210px}.folio-context>a{white-space:normal;max-width:105px}}

/* The interactive folio is the entire landing composition. */
.landing{background:#e9ecef;color:#24282e;min-height:max(740px,100svh);position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:126px var(--gutter) 100px;isolation:isolate}
.landing::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#f8f9fb 0%,#f8f9fb00 60%);pointer-events:none}
.folio{width:min(100%,760px);min-width:0;position:relative;z-index:2;margin:0 auto;padding:0}
.folio-heading{max-width:620px;margin:0 auto}
.folio-stage{position:relative;perspective:1600px;height:clamp(420px,50svh,540px);margin:12px 0 0;touch-action:pan-y;cursor:grab;outline-offset:5px}
.folio-context{width:min(100%,620px);margin:18px auto 0;flex-direction:row;align-items:center}
.folio-instruction{position:static;margin:19px auto 0}
@media(max-width:760px){.landing{min-height:100svh;padding:112px var(--gutter) 90px}.folio-stage{height:405px;margin:8px -3vw 0;perspective:1400px}.folio-context{margin-top:14px}}
@media(max-width:370px){.landing{padding-top:104px}.folio-stage{height:380px}}