/*
Theme Name: Canadian Eyesight Global
Description: Theme for Canadian Eyesight Global.
Version: 2.0
*/
:root{--paper:#f6f1e7;--paper2:#ece4d3;--ink:#241e19;--soft:#6a5f55;--red:#9c1c22;--redd:#7a1419;--dark:#2a211c;--line:#d9cfba;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Source Sans 3',system-ui,sans-serif;font-size:18px;line-height:1.65;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--red);text-underline-offset:3px}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:600;line-height:1.12;margin:0 0 .5em;letter-spacing:-.012em}
h1{font-size:clamp(2.2rem,4.4vw,3.5rem)}h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}h3{font-size:1.35rem}h1 em,h2 em{font-style:italic;font-weight:500;color:var(--red)}
p{margin:0 0 1.1em}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.hand{font-family:Caveat,cursive;font-size:1.35rem;color:var(--soft);line-height:1.15}
.btn{display:inline-block;padding:13px 26px;background:var(--red);color:#fff;text-decoration:none;font-weight:600;border:2px solid var(--red);border-radius:3px;transition:background .2s,transform .2s,box-shadow .2s,color .2s;font-family:inherit;font-size:1rem;cursor:pointer}
.btn:hover{background:var(--redd);border-color:var(--redd);transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(122,20,25,.8);color:#fff}.btn:active{transform:none}
.btn.o{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.o:hover{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
.btn.w{background:#f6f1e7;color:var(--red);border-color:#f6f1e7}.btn.w:hover{background:#fff;color:var(--redd)}
.strip{background:var(--dark);color:#d8ccb8;font-size:.85rem}.strip .in{display:flex;justify-content:space-between;gap:16px;padding:7px 24px;max-width:var(--max);margin:auto}.strip a{color:#f0e3c8;text-decoration:none}
.hd{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);transition:box-shadow .3s}.hd.sc{box-shadow:0 12px 26px -20px rgba(36,30,25,.6)}
.hd .in{max-width:var(--max);margin:auto;padding:12px 24px;display:flex;align-items:center;gap:30px}.hd .logo img{height:48px;width:auto}.hd nav{margin-left:auto}
.hd nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:center}
.hd nav a{position:relative;color:var(--ink);text-decoration:none;font-weight:600;font-size:1rem;padding:4px 0}.hd nav a:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}.hd nav a:hover:after,.hd nav .on a:after{transform:scaleX(1)}
.hd .btn{padding:9px 22px}.tg{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer;color:var(--ink);margin-left:auto}
.hero{padding:60px 0 84px}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero p.lead{font-size:1.2rem;color:#463d35;max-width:540px}.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.collage{position:relative;height:540px}.pol{position:absolute;margin:0;background:#fff;padding:12px 12px 46px;box-shadow:0 22px 44px -22px rgba(36,30,25,.65);transition:transform .45s,z-index .45s}
.pol .ph{width:100%;height:100%;overflow:hidden}.pol img{width:100%;height:100%;object-fit:cover}.pol .cap{position:absolute;left:14px;right:14px;bottom:9px}
.pol.a{width:80%;height:420px;right:0;top:0;transform:rotate(2deg)}.pol.b{width:52%;height:290px;left:0;bottom:0;transform:rotate(-3.5deg);z-index:2}.pol:hover{transform:rotate(0) scale(1.025);z-index:3}
.pol.a img{animation:kb 22s ease-in-out infinite alternate}@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.nums{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper2)}.nums .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.nums .n{padding:34px 24px;border-left:1px solid var(--line)}.nums .n:first-child{border-left:0;padding-left:0}.nums b{font-family:Newsreader,Georgia,serif;font-size:3.4rem;line-height:1;color:var(--red);display:block;font-weight:600}.nums span{color:var(--soft);font-size:.96rem;line-height:1.3;display:block;margin-top:6px}
.sec{padding:92px 0}.sec.p2{background:var(--paper2)}.sec.dark{background:var(--dark);color:#eadfcb}.sec.dark h2{color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.split.c{align-items:center}
.defs{margin:0;border-top:1px solid var(--line)}.defs div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:16px}.defs dt{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:1.25rem;color:var(--red)}.defs dd{margin:0}
.tl{list-style:none;margin:0 0 0 6px;padding:0;border-left:2px solid var(--line)}.tl li{position:relative;padding:0 0 30px 34px}.tl li:last-child{padding-bottom:0}.tl li:before{content:'';position:absolute;left:-8px;top:10px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--red)}.tl b{font-family:Newsreader,Georgia,serif;font-size:1.6rem;display:block;color:var(--red);line-height:1.2;font-weight:600}.tl p{margin:0}
.photo{box-shadow:0 22px 44px -26px rgba(36,30,25,.6);background:#fff;padding:12px 12px 12px}.photo img{width:100%}
.pull{display:grid;grid-template-columns:190px 1fr;gap:44px;align-items:center}.pull img{width:190px;height:190px;border-radius:50%;object-fit:cover;object-position:top}
.pull blockquote{margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.32;font-weight:500;color:#fff}.pull cite{display:block;margin-top:18px;font-style:normal;font-family:'Source Sans 3',sans-serif;font-size:1rem;color:#cdbfa8}
.letters{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px;margin-top:64px;padding-top:44px;border-top:1px solid rgba(255,255,255,.18)}.letters p{font-size:1rem;color:#d9cdb8;margin:0 0 8px}.letters b{color:#fff;display:block}.letters small{color:#a99c86}
.rows a{display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:center;padding:22px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .3s}.rows a:last-child{border-bottom:1px solid var(--line)}.rows a:hover{padding-left:12px}.rows a:hover h3{color:var(--red)}
.rows .t{width:150px;height:100px;overflow:hidden;background:var(--paper2)}.rows img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.rows a:hover img{transform:scale(1.07)}.rows h3{margin:0 0 4px;transition:color .2s}.rows time{color:var(--soft);font-size:.92rem}.rows .go{color:var(--red);font-weight:600;white-space:nowrap}
.cta-band{background:var(--red);color:#fff;padding:76px 0}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}.cta-band h2{margin:0 0 .2em;color:#fff}.cta-band p{margin:0;color:#f5d9da;max-width:560px}
.ph1{padding:70px 0 34px}.ph1 h1{margin:0 0 .25em}.ph1 p{font-size:1.25rem;color:var(--soft);max-width:660px;margin:0}.ph1 .rule{width:64px;height:3px;background:var(--red);margin:24px 0 0}
.prose{max-width:720px}.prose h2{font-size:1.9rem;margin-top:1.5em}.prose h2:first-child{margin-top:0}
.led .r{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line);transition:background .3s,padding .3s}.led .r:last-child{border-bottom:1px solid var(--line)}.led .r:hover{background:rgba(255,255,255,.5);padding-left:14px}
.led .d b{font-family:Newsreader,Georgia,serif;font-size:2.6rem;line-height:1;display:block;color:var(--red)}.led .d span{color:var(--soft);font-size:.92rem}.led h3{margin:0 0 4px}.led p{margin:0;color:var(--soft)}
.scrap{columns:3;column-gap:34px}.scrap figure{break-inside:avoid;margin:0 0 38px;background:#fff;padding:12px 12px 14px;box-shadow:0 18px 36px -22px rgba(36,30,25,.6);transition:transform .4s}.scrap figure:nth-child(3n+1){transform:rotate(-1.6deg)}.scrap figure:nth-child(3n+2){transform:rotate(1.2deg)}.scrap figure:nth-child(3n){transform:rotate(-.6deg)}.scrap figure:hover{transform:rotate(0) scale(1.025)}.scrap img{width:100%}.scrap figcaption{padding-top:10px}
.form{display:grid;gap:16px}.form label{font-weight:600;font-size:.95rem;display:grid;gap:6px}.form input,.form textarea,.form select{font:inherit;padding:12px 14px;border:1px solid #cdbfa5;border-radius:3px;background:#fffdf8;color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(156,28,34,.15)}
.notice{background:#eef3e6;border:1px solid #c5d4b0;color:#33501d;padding:14px 18px;border-radius:3px;margin-bottom:20px}
.letterhead{border-left:3px solid var(--red);padding-left:24px}.letterhead p{margin:0 0 .9em}.letterhead b{display:block;font-family:Newsreader,Georgia,serif;font-size:1.2rem}
.ft{background:var(--dark);color:#cbbfa9;padding:70px 0 26px;font-size:.98rem}.ft a{color:#e9dcc2;text-decoration:none}.ft a:hover{text-decoration:underline}
.ft .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}.ft h4{font-family:Newsreader,Georgia,serif;font-size:1.15rem;color:#fff;margin:0 0 14px;font-weight:600}.ft ul{list-style:none;margin:0;padding:0}.ft li{margin-bottom:9px}.ft .brand{font-family:Newsreader,Georgia,serif;font-size:1.6rem;color:#fff;margin-bottom:10px}.ft .legal{border-top:1px solid rgba(255,255,255,.14);margin-top:46px;padding-top:22px;font-size:.88rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.single-img{margin:0 0 36px;background:#fff;padding:12px;box-shadow:0 22px 44px -26px rgba(36,30,25,.6)}.meta{color:var(--soft);margin-top:14px}
.pager{display:flex;gap:10px;margin-top:40px}.pager a,.pager span{padding:8px 16px;border:1px solid var(--line);text-decoration:none;background:#fff}.pager .current{background:var(--red);color:#fff;border-color:var(--red)}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.js .rv.in{opacity:1;transform:none}
.hero .wrap>div:first-child>*{animation:up .9s both}.hero h1{animation-delay:.05s!important}.hero p.lead{animation-delay:.2s!important}.hero .cta{animation-delay:.35s!important}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .collage .pol{animation:drop 1s both}.hero .collage .b{animation-delay:.3s!important}@keyframes drop{from{opacity:0;margin-top:26px}to{opacity:1;margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:900px){.tg{display:block}.hd nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 24px 24px;margin:0}.hd nav.open{display:block}.hd nav ul{flex-direction:column;align-items:flex-start;gap:16px}.hd .in>.btn{display:none}.strip .in span{display:none}.strip .in{justify-content:flex-end}
.hero .wrap,.split,.pull,.ft .cols,.letters{grid-template-columns:1fr}.hero{padding:36px 0 60px}.collage{height:430px}.pol.a{height:330px}.pol.b{height:220px}.nums .wrap{grid-template-columns:1fr 1fr}.nums .n:nth-child(3){border-left:0;padding-left:0}.split{gap:34px}.sec{padding:64px 0}.scrap{columns:2}.rows a{grid-template-columns:96px 1fr}.rows .t{width:96px;height:72px}.rows .go{display:none}.pull img{width:120px;height:120px}.led .r{grid-template-columns:90px 1fr}.defs div{grid-template-columns:1fr;gap:4px}}
@media(max-width:540px){.scrap{columns:1}.nums b{font-size:2.6rem}.collage{height:380px}.pol.a{height:290px}.pol.b{height:190px}}