/* V5: campaign, visual guidance and the three brand pillars. */
.hero-season{font-size:clamp(17px,1.5vw,23px);letter-spacing:.12em;margin-bottom:18px!important;font-weight:600}.hero-top{font-size:11px}.hero-top>span:last-child{max-width:270px;text-align:right}.hero-photo{transition:opacity .95s ease}.hero-pause{font-size:16px;width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;margin-left:22px;color:inherit}.hero-selector{align-items:center}.scan-number{font-size:11px;letter-spacing:.12em;display:block;margin-bottom:23px}.scan-landmarks{width:100%;height:100%;overflow:visible}.scan-landmarks path{fill:none;stroke:#a4eba4;stroke-width:.8;opacity:.55}.scan-landmarks circle{fill:#b3f2a1;stroke:#314d2b;stroke-width:.6}.face-guide{border-color:#b0edb0}.face-guide>i{background:#bef6a9!important;box-shadow:0 0 20px #b1f7a3}.stylist-demo.is-playing .scan-landmarks{animation:scan-turn 4s ease-in-out both}.stylist-demo.is-playing .scan-portrait>img{animation:portrait-turn 4s ease-in-out both}.stylist-panel .step-number{background:none}.preference-panel{padding:30px 36px}.preference-panel h3{font-size:39px;line-height:1.04;margin:18px 0 22px}.visual-shapes,.visual-colours,.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.visual-shapes figure,.visual-colours figure,.material-grid figure{margin:0;text-align:center;min-width:0}.visual-shapes svg,.visual-shapes img{width:100%;height:76px;object-fit:contain;mix-blend-mode:multiply}.visual-shapes svg{fill:none;stroke:#443b2b;stroke-width:5;stroke-linejoin:round}.visual-shapes figcaption,.visual-colours figcaption,.material-grid figcaption{font-size:11px;margin-top:10px}.visual-colours{margin-top:24px;padding-top:19px;border-top:1px solid #d2cec5}.swatch{display:block;width:42px;height:42px;border-radius:50%;margin:auto;border:1px solid #c5c2b9}.swatch.tortoise{background:radial-gradient(ellipse at 20% 30%,#a77020 6%,transparent 25%),radial-gradient(ellipse at 70% 60%,#b18132 7%,transparent 35%),#30261d}.swatch.olive{background:linear-gradient(130deg,#aea349,#534c25 65%,#b3a655)}.swatch.crystal{background:linear-gradient(115deg,#ffffff80,#dad4c5 35%,#fafbf880 47%,#bdb7a570)}.preference-panel .small-note{font-size:11px;margin-top:19px}.material-grid{gap:13px;margin-top:25px}.material{height:116px;background-size:cover;background-position:center;border:1px solid #d7d1c6}.material.acetate{background-image:url('assets/v5-craftsmanship.webp');background-position:50% 48%;background-size:250%}.material.metal{background-image:url('assets/v5-precision.webp');background-position:68% 55%;background-size:240%}.material.combined{background-image:linear-gradient(110deg,transparent 45%,#c1c7c8 46%,#f7f8f6 50%,#616c70 57%,transparent 58%),url('assets/v5-craftsmanship.webp');background-size:cover,250%}.sun-choice{display:flex;align-items:center;gap:15px;margin-top:24px;padding-top:14px;border-top:1px solid #d2cec5}.sun-choice img{width:110px;height:72px;object-fit:contain;mix-blend-mode:multiply}.sun-choice>span{font-size:15px}.sun-choice small{display:block;font-size:11px;margin-top:7px;color:#666}.demo-controls button{min-height:42px}.stylist-featured img{transition:opacity .5s ease,transform .7s ease}.value-story{display:grid;grid-template-columns:1fr 1fr;gap:30px 7%;background:#e7e6de}.value-story h2{font-family:Caslon,Georgia,serif;font-size:clamp(40px,4.7vw,74px);line-height:1.02;letter-spacing:-.04em;margin:25px 0}.value-story>div>p{font-size:18px;line-height:1.55;margin-bottom:22px}.value-product{align-self:center;text-align:center;min-width:0}.value-product>img{width:100%;mix-blend-mode:multiply}.value-product>span{font-size:12px}.value-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa99f;padding-top:25px;margin-top:15px;gap:24px}.value-facts>span{font-size:12px;line-height:1.5}.value-facts strong{display:block;font-size:24px;font-weight:400;margin-bottom:8px}.brand-story{background:#f3f1e9}.brand-heading{padding:75px var(--pad) 45px;display:grid;grid-template-columns:1fr auto;align-items:end}.brand-heading>.eyebrow{grid-column:1/-1;margin-bottom:25px}.brand-heading h2{font-size:clamp(42px,5.5vw,88px);line-height:1.05;letter-spacing:-.035em}.brand-heading p{font-size:16px;padding-bottom:6px}.pillar-nav{position:sticky;top:79px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr) 56px;padding:0 var(--pad);background:#f3f1e9f5;backdrop-filter:blur(10px);border-top:1px solid #cfcec6;border-bottom:1px solid #cfcec6}.pillar-nav a{display:flex;gap:20px;align-items:center;padding:24px 0;font-size:15px;text-transform:uppercase;letter-spacing:.04em;position:relative}.pillar-nav a>span{font-size:11px;color:#79796f}.pillar-nav a[aria-current]::after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:30px;background:#303e35}.pillar-nav button{align-self:center;justify-self:end;width:38px;height:38px;border:1px solid #babcb2;border-radius:50%}.pillar{display:grid;grid-template-columns:31% 1fr;gap:6%;padding:66px var(--pad);min-height:650px;align-items:center;scroll-margin-top:60px}.pillar+.pillar{border-top:1px solid #d5d3ca}.pillar-copy .eyebrow{font-size:11px}.pillar-copy h3{font-size:clamp(34px,3.5vw,56px);line-height:1.05;letter-spacing:-.025em;margin:27px 0 25px}.pillar-copy>p{font-size:16px;line-height:1.6;max-width:270px;margin:0 0 32px}.pillar-copy .text-link{font-size:11px}.pillar-visual{margin:0;min-width:0}.pillar-image{aspect-ratio:3/2;position:relative;overflow:hidden;background:#29484b}.pillar-image>img{width:100%;height:100%;object-fit:cover;display:block}.pillar-visual figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding-top:17px;gap:15px}.optical-screen{position:absolute;left:25.3%;top:25.6%;width:49.3%;height:41.6%;background:#eeeeE6;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 12px #7773}.eye-chart{position:absolute;inset:10% 0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:clamp(12px,2.2vw,32px);font-weight:500;letter-spacing:.25em;color:#252921}.eye-chart>span:nth-child(2){font-size:75%}.eye-chart>span:nth-child(3){font-size:55%}.chart-logo{position:absolute;width:78%;height:auto;opacity:0}.screen-reflection{position:absolute;inset:0;background:linear-gradient(130deg,#ffffff12,transparent 55%,#a5b0a614);pointer-events:none}.pillar.is-visible .eye-chart{animation:letters-focus 7s ease both}.pillar.is-visible .chart-logo{animation:logo-focus 7s ease both}.pillar-precision.is-visible .pillar-image>img{animation:lens-approach 9s ease-in-out both}.precision-reflection{position:absolute;inset:-40%;background:linear-gradient(112deg,transparent 42%,#d5ffff00 46%,#d5ffff24 50%,#ffffff08 53%,transparent 58%);transform:translateX(-70%);mix-blend-mode:screen;pointer-events:none}.pillar-precision.is-visible .precision-reflection{animation:lens-reflection 7s ease-in-out both}.pillar-craftsmanship.is-visible .pillar-image>img{animation:craft-reveal 9s ease both;transform-origin:65% 50%}.brand-signoff{padding:30px var(--pad) 45px;display:flex;align-items:center;gap:18px;border-top:1px solid #d5d3ca}.brand-signoff>span{font-size:18px}.brand-signoff>small{margin-left:auto;font-size:10px;color:#65665d}.brand-story.motion-paused *,.brand-story.tab-hidden *{animation-play-state:paused!important}.worn-stage{aspect-ratio:4/5!important}.worn-stage>img{object-fit:cover!important;object-position:center 40%!important}.worn-stage>video{object-fit:cover!important}.worn-options img{aspect-ratio:4/5;object-fit:cover}.worn-options button{font-size:10px}.film-return{font-size:11px;margin:0 0 24px}.review-rating{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.review-emblems{display:flex;gap:8px!important}.review-emblems img{width:27px;height:27px}.press-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.press-strip>img{width:120px;height:35px;object-fit:contain}.press-strip>.eyebrow{flex-basis:100%;text-align:center}.press-strip>.press-source{flex-basis:100%;max-width:none;text-align:center}
@keyframes scan-turn{0%,100%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) rotateY(12deg)}70%{transform:perspective(400px) rotateY(-12deg)}}
@keyframes portrait-turn{0%,100%{transform:scale(1.02) translateX(0)}40%{transform:scale(1.025) translateX(3px)}70%{transform:scale(1.025) translateX(-3px)}}
@keyframes letters-focus{0%,32%{opacity:1;filter:blur(0)}53%,100%{opacity:0;filter:blur(5px)}}
@keyframes logo-focus{0%,42%{opacity:0;filter:blur(6px);transform:scale(.98)}70%,100%{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes lens-approach{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes lens-reflection{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@keyframes craft-reveal{from{transform:scale(1.07) translateX(1%)}to{transform:scale(1.01) translateX(0)}}
@media(max-width:1000px){.brand-heading{display:block}.brand-heading p{margin-top:20px}.pillar{gap:5%;grid-template-columns:32% 1fr;padding-top:45px;padding-bottom:45px;min-height:540px}.pillar-copy h3{font-size:37px}.pillar-nav{top:69px}.pillar-nav a{font-size:12px;gap:10px}.brand-signoff{flex-wrap:wrap}.brand-signoff>small{margin-left:50px;flex-basis:100%}.material{height:96px}.preference-panel{padding:25px}.preference-panel h3{font-size:33px}}
@media(max-width:760px){.hero-season{font-size:15px;letter-spacing:.09em;max-width:290px}.hero-top>span:last-child{display:none}.hero-pause{margin-left:13px;width:34px;height:34px}.scan-number{font-size:10px;margin-bottom:12px}.visual-shapes,.visual-colours{gap:10px}.visual-shapes svg,.visual-shapes img{height:60px}.preference-panel h3{font-size:32px;margin:18px 0}.visual-colours{margin-top:20px;padding-top:18px}.material{height:110px}.sun-choice{margin-top:20px}.sun-choice img{width:86px}.sun-choice>span{font-size:13px}.sun-choice small{font-size:10px}.value-story{grid-template-columns:1fr;gap:20px;padding-top:50px;padding-bottom:40px}.value-story h2{font-size:43px}.value-story>div>p{font-size:16px}.value-product{max-width:520px;margin:auto}.value-product img{max-height:230px;object-fit:contain}.value-facts{grid-template-columns:repeat(2,1fr);gap:25px 15px;margin-top:0}.value-facts strong{font-size:22px}.value-facts>span{font-size:11px}.brand-heading{padding:48px var(--pad) 30px}.brand-heading>.eyebrow{display:block;font-size:10px;margin-bottom:21px}.brand-heading h2{font-size:45px;max-width:300px}.brand-heading p{font-size:15px;margin-top:18px}.pillar-nav{top:63px;padding:0 var(--pad);grid-template-columns:1fr 1fr 1.5fr 32px;gap:7px}.pillar-nav a{font-size:10px;display:block;padding:16px 0;letter-spacing:0}.pillar-nav a>span{display:block;font-size:9px;margin-bottom:5px}.pillar-nav a[aria-current]::after{right:5px}.pillar-nav button{width:30px;height:30px;font-size:12px}.pillar{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:40px var(--pad);min-height:0;scroll-margin-top:40px}.pillar-copy h3{font-size:39px;margin:18px 0}.pillar-copy>p{font-size:15px;margin-bottom:19px;max-width:none}.pillar-copy h3 br{display:none}.pillar-visual{width:100%}.pillar-image{aspect-ratio:3/2}.pillar-visual figcaption{font-size:9px;padding-top:13px}.eye-chart{font-size:22px}.brand-signoff{padding:25px var(--pad) 35px;gap:12px}.brand-signoff>span{font-size:15px}.brand-signoff>small{font-size:9px;margin-left:44px}.worn-options{gap:10px}.worn-options img{aspect-ratio:4/5!important}.worn-options button{font-size:9px}.film-return{order:4;align-self:flex-start;margin:-8px 0 0}.worn-caption>span:last-child{max-width:120px}.review-emblems img{width:23px;height:23px}.review-emblems{gap:6px!important}.review-rating{gap:14px}.press-strip{gap:28px 20px;justify-content:center}.press-strip>img{width:calc(33.333% - 20px);height:28px}.press-strip>.press-source{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-photo{transition:none}.brand-story *,.stylist-demo *{animation:none!important;transition:none!important}.eye-chart{display:none}.chart-logo{opacity:1}.precision-reflection{display:none}.pillar-image>img{transform:none!important}.hero-pause,#brand-motion{display:none}}

.brand-heading h2{font-family:Caslon,Georgia,serif}.press-strip>img{width:110px}.press-strip>img[alt="Financial Times"],.press-strip>img[alt="The Telegraph"]{width:140px}@media(max-width:760px){.press-strip>img,.press-strip>img[alt="Financial Times"],.press-strip>img[alt="The Telegraph"]{width:calc(33.333% - 20px)}}
@media(min-width:761px){.film-return{display:flex;width:max-content;margin-bottom:20px}.vto .service-copy>.button{display:inline-flex}}

.swatch.tortoise{background-image:url(assets/v5-craftsmanship.webp);background-size:500%;background-position:33% 30%}.material.metal{background-size:440%;background-position:64% 88%}
