@font-face{font-family:"CC Spartan";src:url("fonts/league-spartan-bold-v1.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-1.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20,U+2C,U+2E,U+2F,U+30,U+31,U+32,U+33,U+34,U+35,U+36,U+38,U+3B,U+3F,U+41,U+43,U+44,U+45,U+46,U+47,U+49,U+4D,U+4E,U+4F,U+50,U+52,U+53,U+54,U+56,U+61,U+62,U+63,U+64,U+65,U+66,U+67,U+68,U+69,U+6A,U+6C,U+6D,U+6E,U+6F,U+70,U+71,U+72,U+73,U+74,U+75,U+76,U+78,U+79,U+7A,U+BF,U+E9,U+ED,U+F1,U+F3,U+2013;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-2.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+23,U+37,U+39,U+42,U+48,U+4A,U+4C,U+55,U+58,U+59;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-3.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+26,U+3A,U+CD,U+DA,U+E1;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-4.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+57,U+5F,U+6B,U+FA;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-5.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+5A,U+77;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-6.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+25,U+D3;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-7.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+4B;}
@font-face{font-family:"CC Avenir";src:url("fonts/avenirnextarabic-regular-subset-8.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+C1;}
:root{--ink:#182329;--paper:#F7F7F2;--muted:#596167;--line:#d7d9d5;--aqua:#d7d9d5;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #182329;outline-offset:5px}.access-shell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.story{position:relative;isolation:isolate;overflow:hidden;background:#dce8e1;min-height:700px;padding:52px clamp(28px,4.8vw,88px);display:flex;flex-direction:column;justify-content:space-between}.brand{font-size:clamp(22px,2vw,31px);font-weight:600;letter-spacing:-1.2px;margin:0}.brand-note{font-size:10px;font-weight:500;letter-spacing:2px;margin-top:12px;text-transform:uppercase}.story-copy{position:relative;z-index:2;padding:110px 0 100px}.eyebrow{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;font-weight:600;margin:0 0 27px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';height:1px;width:29px;background:currentColor}.story h1{font-size:clamp(65px,6.5vw,108px);font-weight:400;letter-spacing:-5px;line-height:.96;margin:0;max-width:520px}.story h1 span{display:block}.story-caption{font-size:14px;line-height:1.8;max-width:290px;margin:32px 0 0}.story-footer{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:16px}.story-footer span{height:1px;width:40px;background:var(--ink);opacity:.5}.optics{position:absolute;z-index:-1;inset:0;pointer-events:none}.lens{position:absolute;border:1px solid #ffffffa0;border-radius:50%;width:560px;height:760px;transform:rotate(33deg);background:linear-gradient(130deg,#ffffff35,transparent 45%,#56959430);box-shadow:inset 25px 15px 60px #ffffff30}.lens.one{top:14%;left:50%}.lens.two{top:26%;left:72%;border-color:#4c827e45;background:transparent}.optics:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dce8e111,#dce8e100)}.entry{display:flex;flex-direction:column;padding:42px clamp(28px,5.5vw,100px) 30px}.language{align-self:flex-end;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1px}.language button{border:0;padding:10px 3px;background:transparent;cursor:pointer;color:var(--muted)}.language button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.language span{color:#a6b9b6}.entry-main{margin:auto 0;padding:70px 0;max-width:440px;width:100%;align-self:center}.lock{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-bottom:29px}.lock svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}.access-label{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 14px;color:var(--muted)}.entry h2{font-size:clamp(34px,3.1vw,48px);font-weight:400;letter-spacing:-1.9px;line-height:1.15;margin:0 0 21px}.intro{font-size:14px;line-height:1.85;color:var(--muted);max-width:355px;margin:0 0 36px}label{display:block;font-size:12px;font-weight:600;margin-bottom:11px}.field{position:relative}input[type=password],input[type=text]{background:#ffffff70;color:var(--ink);width:100%;height:58px;border:1px solid #b9bfbd;border-radius:0;padding:0 80px 0 17px;font-size:16px;letter-spacing:1px}input::placeholder{font-size:13px;letter-spacing:0;color:#60686b}.show-code{position:absolute;right:8px;top:9px;height:40px;padding:0 10px;border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:11px}.enter{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:57px;margin-top:17px;padding:17px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;font-size:13px;transition:background .15s}.enter:hover{background:#303c42}.enter svg{height:13px;width:8px;fill:none;stroke:currentColor;stroke-width:1.4}.help{font-size:12px;line-height:1.8;margin:25px 0 0;color:var(--muted)}.help a{text-underline-offset:4px;margin-left:5px}.privacy{padding-top:30px;margin-top:31px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.8}.entry-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.2px}.entry-footer a{text-decoration:none}.credit{font-weight:600;letter-spacing:1px}.error{font-size:12px;line-height:1.6;color:#883a3f;margin:14px 0 0}.error[hidden]{display:none}.preview-note{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:5;background:var(--ink);color:white;font-size:11px;padding:10px 16px;border-radius:3px;max-width:90%;text-align:center;box-shadow:0 3px 15px #0002}.preview-note[hidden]{display:none}@media(max-width:850px){.access-shell{grid-template-columns:43% 57%}.story{padding:38px 28px}.story h1{font-size:64px;letter-spacing:-3px}.entry{padding:30px}.brand{font-size:23px}.entry-main{padding:55px 0}.lens.one{left:5%}.lens.two{left:45%}}@media(max-width:620px){.access-shell{display:block}.story{min-height:0;padding:28px 26px 31px}.brand{font-size:23px}.brand-note{font-size:8px;margin-top:8px}.story-copy{padding:42px 0 0}.eyebrow{font-size:8px;margin-bottom:15px}.story h1{font-size:54px;line-height:1;letter-spacing:-2.8px}.story h1 span{display:inline}.story h1 span+span:before{content:' '}.story-caption,.story-footer{display:none}.lens{width:290px;height:460px}.lens.one{top:-55%;left:65%}.lens.two{top:-15%;left:85%}.entry{padding:16px 26px 26px}.entry-main{padding:28px 0 36px;max-width:440px}.language{font-size:10px}.lock{display:none}.entry h2{font-size:35px;letter-spacing:-1.3px;margin-bottom:16px}.intro{margin-bottom:27px;font-size:13px}.privacy{margin-top:26px;padding-top:22px}.entry-footer{padding-top:10px;border-top:1px solid var(--line)}.entry-footer span{font-size:9px}.preview-note{bottom:4px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:620px){.story h1{font-size:clamp(42px,13vw,54px)}.preview-note{position:static;transform:none;max-width:none;margin:0;padding:12px 22px;border-radius:0;box-shadow:none}}

/* R02: official supplied logo; CC web type and ink/mineral palette. */
:root{font-family:"CC Avenir",Arial,sans-serif}
.story{background:#182329 url("cc-material-background.webp") center/cover no-repeat;color:#F7F7F2;min-height:700px}
.story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,#18232908 40%,#182329bc 75%,#182329c9 100%)}
.story-brand{align-self:flex-start;max-width:100%;padding:0}
.client-logo{display:block;width:clamp(210px,24vw,350px);max-width:100%;height:auto}
.brand-note{color:#182329;margin-top:18px}
.story-copy{margin-top:auto;padding:130px 0 70px}
.story h1,.entry h2{font-family:"CC Spartan",Arial,sans-serif;font-weight:700;letter-spacing:-.045em}
.story h1{font-size:clamp(60px,6.7vw,100px);line-height:1.02;max-width:450px}
.story-caption{font-size:15px;max-width:300px}
.story-footer span{background:#F7F7F2}
.optics{display:none}
.entry{background:#F7F7F2}
.entry h2{font-size:clamp(34px,3.2vw,46px);line-height:1.08}
@media(max-width:850px){.story{padding:38px 28px}.client-logo{width:260px}.story h1{font-size:62px}}
@media(max-width:620px){.story{min-height:300px;padding:30px 26px;background-position:center 48%}.client-logo{width:235px}.brand-note{font-size:8px;margin-top:13px}.story-copy{padding:55px 0 0}.story h1{font-size:clamp(44px,13vw,54px);max-width:100%;line-height:1}.story:after{background:linear-gradient(180deg,#F7F7F2ee 0%,#F7F7F2cc 28%,#18232975 60%,#182329c9 100%)}.entry h2{font-size:36px}}