/* ===== COREY: Corey red, maple leaf, Canadian family manufacturer ===== */
:root{
 --bg:#ffffff;--ink:#231f20;--accent:#b22029;--on-accent:#fff;--panel:#f5f2ee;--card:#ffffff;--line:rgba(35,31,32,.12);
 --navy:#0b1a5c;--red:#b22029;--red-dk:#8a1820;--warm:#f5f2ee;
 --display:"Young Serif",Georgia,serif;--body:"Red Hat Text",system-ui,sans-serif;--mono:"Red Hat Mono",ui-monospace,monospace;
 --dw:400;--dls:-.01em;--head-bg:rgba(255,255,255,.96);--foot-bg:#231f20;--foot-ink:#f1ede8;--radius:3px;--r2:4px;--strip-bg:#231f20;
}
.eyebrow{color:var(--red);font-weight:500}
.logo img{height:52px;width:auto}
.logo .w{display:none}
.home .site{position:fixed;left:0;right:0;top:34px;background:transparent;color:#fff}
.home .site .logo .w{display:block}.home .site .logo .c{display:none}
.scrolled .home .site{top:0;background:var(--head-bg);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.scrolled .home .site .logo .w{display:none}.scrolled .home .site .logo .c{display:block}
.site .wrap{min-height:84px}
.menu a{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.btn{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:700}
.btn.white{background:#fff;color:var(--red)}
.btn.ghost.light{color:#fff}
.btn.ghost.light:hover{background:#fff;color:var(--red)}

/* hero */
.c-hero{height:100svh;min-height:640px;position:relative;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.c-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,92,.45) 0%,rgba(11,26,92,0) 30%,rgba(0,0,0,0) 45%,rgba(20,10,10,.72) 100%)}
.c-hero .wrap{position:relative;z-index:2;padding-bottom:clamp(40px,7vw,90px)}
.c-hero h1{font-size:clamp(3rem,8.4vw,8.6rem);line-height:.95;max-width:12ch;margin-bottom:.3em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.c-hero .sub{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.c-hero .sub p{max-width:46ch;font-size:1.15rem;margin:0;opacity:.95}
.c-hero .eyebrow{color:#fff}

/* statement */
.statement .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.statement p.big{font-family:var(--display);font-size:clamp(1.9rem,3.6vw,3.3rem);line-height:1.14}
.statement p.big em{font-style:normal;color:var(--red)}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:230px 230px;gap:14px}
.collage .frame{border-radius:4px}
.collage .a{grid-row:span 2}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:2px solid var(--ink)}
.statgrid div{padding:26px 20px 0 0}
.statgrid b{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,5vw,4.4rem);display:block;line-height:1;color:var(--red)}
.statgrid b span{font:inherit;letter-spacing:inherit;text-transform:none;opacity:1}
.statgrid div>span{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
@media(max-width:820px){.statement .grid{grid-template-columns:1fr}.statgrid{grid-template-columns:1fr 1fr;gap:20px}}

/* brand split */
.split{display:flex;min-height:96vh}
.split>a{flex:1;position:relative;overflow:hidden;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,56px);transition:flex 1s cubic-bezier(.2,.8,.2,1)}
.split>a>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.split>a::before{content:"";position:absolute;inset:0;z-index:1}
.split .ps::before{background:linear-gradient(180deg,rgba(5,79,163,.9) 0%,rgba(5,79,163,.3) 45%,rgba(4,40,92,.88) 100%)}
.split .ik::before{background:linear-gradient(180deg,rgba(40,42,28,.9) 0%,rgba(74,77,51,.3) 45%,rgba(25,26,18,.9) 100%)}
.split>a>*:not(img){position:relative;z-index:2}
.split .brandlogo{height:clamp(46px,5vw,70px);width:auto}
.split .tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9;margin-top:16px;display:block}
.split .bags{width:auto;max-width:78%;max-height:46vh;object-fit:contain;align-self:center;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative;z-index:2}
.split .for{font-size:1.15rem;max-width:34ch}
.split .cta{display:inline-flex;gap:.6em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;border-bottom:2px solid currentColor;padding-bottom:4px}
.split>a:hover>img.bg{transform:scale(1.06)}
.split>a:hover .bags{transform:translateY(-14px) scale(1.04)}
@media(min-width:900px){.split>a:hover{flex:1.4}}
@media(max-width:899px){.split{flex-direction:column}.split>a{min-height:90vh}}

/* chooser */
.chooser{background:var(--navy);color:#fff}
.chooser .eyebrow{color:#ff9aa0}
.chooser h2{font-size:clamp(2.4rem,5.4vw,5rem);max-width:15ch}
.cmp{display:grid;grid-template-columns:1.1fr 1fr 1fr;margin-top:56px;border-top:1px solid rgba(255,255,255,.25)}
.cmp>div{padding:18px 16px 18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.cmp .h{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.cmp .th img{height:34px;width:auto}
.cmp .ps{color:#bcd6ff}.cmp .ik{color:#dfe2b8}
@media(max-width:700px){.cmp{grid-template-columns:1fr 1fr}.cmp .h{grid-column:1/-1;padding-bottom:2px;border:0}}
.quiz{margin-top:100px;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.quiz .q{display:none}.quiz .q.on{display:block;animation:qin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes qin{from{opacity:0;transform:translateX(30px)}}
.quiz .qn{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;opacity:.65}
.quiz h3{font-size:clamp(1.7rem,3vw,2.6rem);margin:.4em 0 .8em}
.opts{display:grid;gap:12px}
.opts button{font:inherit;text-align:left;padding:18px 22px;border-radius:3px;border:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;cursor:pointer;display:flex;justify-content:space-between;transition:background .25s,color .25s,transform .3s}
.opts button:hover{background:#fff;color:var(--navy);transform:translateX(6px)}
.qbar{height:3px;background:rgba(255,255,255,.18);margin-bottom:28px}.qbar i{display:block;height:100%;background:var(--red);width:0;transition:width .5s}
.result{display:none;border-radius:4px;overflow:hidden;animation:qin .7s cubic-bezier(.2,.8,.2,1)}
.result.on{display:grid;grid-template-columns:1fr 210px;align-items:stretch}
.result .txt{padding:clamp(24px,3vw,40px)}
.result.ps{background:#054fa3}.result.ik{background:#4a4d33}
.result .bagbox{background:#fff;display:grid;place-items:center;padding:20px}
.result .bagbox img{max-height:270px;width:auto;mix-blend-mode:multiply;animation:drop .9s cubic-bezier(.3,1.4,.5,1)}
@keyframes drop{from{transform:translateY(-40px) rotate(-6deg);opacity:0}}
.result .rlogo{height:36px;width:auto;margin-bottom:14px}
.result h3{font-family:var(--body);font-weight:700;font-size:1.6rem;margin:.1em 0 .3em}
.result .btn{background:#fff;color:#231f20}
.result .again{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;margin-left:14px;opacity:.8}
@media(max-width:820px){.quiz{grid-template-columns:1fr}.result.on{grid-template-columns:1fr}.result .bagbox{height:240px}}

/* coreytec */
.tec{height:330vh;background:var(--warm)}
.tec .stick{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center;overflow:hidden}
.tec .steps{position:relative;min-height:440px}
.tec .step{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
.tec[data-active="0"] .step:nth-child(1),.tec[data-active="1"] .step:nth-child(2),.tec[data-active="2"] .step:nth-child(3){opacity:1;transform:none}
.tec .step img.icon{width:118px;margin-bottom:6px}
.tec .step h3{font-size:clamp(2.4rem,4.6vw,4.2rem);margin:.1em 0 .3em}
.tec .photos{position:relative;height:74vh;border-radius:4px;overflow:hidden}
.tec .photos figure{margin:0;position:absolute;inset:0;opacity:0;transition:opacity .9s}
.tec .photos img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.tec[data-active="0"] .photos figure:nth-child(1),.tec[data-active="1"] .photos figure:nth-child(2),.tec[data-active="2"] .photos figure:nth-child(3){opacity:1}
.tec[data-active="0"] .photos figure:nth-child(1) img,.tec[data-active="1"] .photos figure:nth-child(2) img,.tec[data-active="2"] .photos figure:nth-child(3) img{transform:none}
.tec .photos figcaption{position:absolute;left:16px;bottom:14px;color:#fff;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.5);padding:6px 10px}
.tec .dots{display:flex;gap:8px;margin-top:24px}
.tec .dots i{width:40px;height:3px;background:var(--line)}
.tec[data-active="0"] .dots i:nth-child(1),.tec[data-active="1"] .dots i:nth-child(2),.tec[data-active="2"] .dots i:nth-child(3){background:var(--red)}
@media(max-width:820px){.tec .stick{grid-template-columns:1fr;align-content:center;gap:16px}.tec .photos{height:34vh;order:-1}.tec .steps{min-height:340px}}

/* timeline */
.timeline .stick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.htrack{display:flex;gap:clamp(24px,3vw,48px);padding-left:clamp(20px,6vw,90px);padding-right:clamp(20px,6vw,90px);will-change:transform;align-items:flex-start}
.tl{flex:0 0 min(380px,78vw)}
.tl .frame{aspect-ratio:4/3;border-radius:4px;margin-bottom:18px}
.tl .y{font-family:var(--display);font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1;color:var(--red)}
.tl h3{font-family:var(--body);font-weight:700;font-size:1.2rem;letter-spacing:0;margin:.4em 0 .3em}
.tl p{opacity:.8;font-size:.98rem}
.tl.intro{flex-basis:min(460px,86vw);align-self:center}
.tl.intro h2{font-size:clamp(2.6rem,5vw,4.6rem)}

/* people */
.people{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:end}
.people figure{margin:0}
.people .frame{aspect-ratio:4/5;border-radius:4px}
.people figure:first-child .frame{aspect-ratio:4/4.6}
.people figcaption{margin-top:12px;font-size:.95rem}
.people figcaption b{display:block;font-family:var(--display);font-weight:400;font-size:1.4rem}
@media(max-width:820px){.people{grid-template-columns:1fr}}

/* partners */
.pl{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,100px);align-items:center}
.pl ol{list-style:none;counter-reset:s;padding:0;margin:30px 0}
.pl li{counter-increment:s;padding:16px 0 16px 60px;border-top:1px solid var(--line);position:relative}
.pl li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:17px;font-family:var(--mono);color:var(--red)}
.pl li b{display:block;font-size:1.08rem}
.mapwrap img{width:100%;height:auto}
.mapwrap .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.mapwrap .row .frame{aspect-ratio:4/3;border-radius:4px}
@media(max-width:820px){.pl{grid-template-columns:1fr}}
.faqwrap{display:grid;grid-template-columns:1fr 1.6fr;gap:60px}
@media(max-width:820px){.faqwrap{grid-template-columns:1fr}}
.card{border:1px solid var(--line)}
.card .k{color:var(--red)}
.card.ps .k{color:#054fa3}.card.ik .k{color:#5f633f}
.bigcta{position:relative;color:#fff;text-align:center;overflow:hidden}
.bigcta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bigcta::before{content:"";position:absolute;inset:0;background:rgba(150,24,33,.84);z-index:1}
.bigcta .wrap{position:relative;z-index:2}
.bigcta h2{font-size:clamp(2.6rem,6.5vw,6rem);max-width:14ch;margin-inline:auto}
.bigcta .eyebrow{color:#fff}
.bigcta .btn{background:#fff;color:var(--red)}
.foot .flogo{height:60px;width:auto;margin-bottom:16px}
.article-head h1{color:var(--ink)}