.osPage 0,.osPage 600;1,.osPage 600&family=Montserrat:wght@400;500;600&display=swap');
.ourStoryPage{--gold:#e0b447;--ink:#07090a;overflow-x:hidden;background:var(--ink);font-family:Montserrat,"DM Sans",sans-serif}
.osPage .storyCanvas{width:min(100%,1600px);margin:auto;background:#080a0b}
.osPage .storyCanvas h1,.osPage .storyCanvas h2,.osPage .storyCanvas blockquote{font-family:"Cormorant Garamond",Georgia,serif}
.osPage .storyCanvas h2{margin:3px 0 10px;font-size:clamp(38px,4vw,64px);line-height:.9}
.osPage .storyCanvas p{margin:7px 0;color:#d8d4cc;font-size:11px;line-height:1.48}
.osPage .eyebrow{display:block;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.osPage .goldBorder{border-bottom:1px solid #96752d}
.osPage .goldQuote{color:var(--gold)!important}
.osPage .caps,.osPage .disciplines{color:var(--gold)!important;font-size:9px!important;letter-spacing:.16em;text-transform:uppercase}
.osPage .panelCopy{padding:28px 5vw}
.osPage .storyHero{position:relative;display:grid;grid-template-columns:52% 48%;height:445px;overflow:hidden}
.osPage .heroCopy{z-index:2;padding:38px 3vw 25px 5.5vw}
.osPage .heroCopy h1{margin:9px 0 17px;font-size:clamp(48px,5.3vw,84px);line-height:.78;letter-spacing:-.035em}
.osPage .heroCopy h1 em{color:var(--gold)}
.osPage .heroCopy p{max-width:670px}
.osPage .storyHero figure,.osPage .turning figure,.osPage .purpose figure{position:relative;height:100%;margin:0;overflow:hidden}
.osPage .storyHero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0b,transparent 40%),linear-gradient(0deg,#080a0b,transparent 24%)}
.osPage .storyHero img,.osPage .turning img,.osPage .purpose img{width:100%;height:100%;object-fit:cover}
.osPage .storyHero img{object-position:center 25%}
.osPage .heroValues{position:absolute;right:3.5vw;top:63px;z-index:3;color:var(--gold);font:italic 28px/.9 "Cormorant Garamond",serif}
.osPage .heroCaption{position:absolute;right:3.5vw;bottom:24px;z-index:3;color:var(--gold);font-size:8px;line-height:1.7;letter-spacing:.2em;text-align:right;text-transform:uppercase}
.osPage .heroCaption b{color:white;font-weight:500}
.osPage .turning{position:relative;display:grid;grid-template-columns:50% 50%;min-height:450px}
.osPage .turning figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#080a0b),linear-gradient(0deg,#080a0b,transparent 30%)}
.osPage .turning img{object-position:center 42%}
.osPage .turning .panelCopy{padding-left:1.8vw}
.osPage .panelCopy blockquote{margin:10px 0;color:white;font-size:clamp(22px,2.2vw,35px);line-height:1}
.osPage .path{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0;padding:10px 0;border-block:1px solid #30291c;color:#eee;font-size:8px;text-transform:uppercase}
.osPage .path b{color:var(--gold)}
.osPage .verticalWords{position:absolute;left:3.5vw;bottom:28px;z-index:3;color:var(--gold);font-size:8px;line-height:1.8;letter-spacing:.2em;text-transform:uppercase}
.osPage .cameraStatement{display:grid;grid-template-columns:34% 42% 24%;align-items:center;min-height:230px}
.osPage .cameraStatement figure{height:230px;margin:0;overflow:hidden}
.osPage .cameraStatement img{width:100%;height:100%;object-fit:cover}
.osPage .cameraStatement>div{padding:18px;text-align:center}
.osPage .cameraStatement>strong{color:var(--gold);font-size:10px;line-height:2;letter-spacing:.22em;text-transform:uppercase}
.osPage .purpose{display:grid;grid-template-columns:52% 48%;min-height:410px}
.osPage .purpose .panelCopy{padding-left:5.5vw}
.osPage .purpose figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0b,transparent 42%)}
.osPage .datePanel{display:flex;margin-top:14px;border:1px solid var(--gold)}
.osPage .datePanel>b{padding:5px 14px;border-right:1px solid var(--gold);color:var(--gold);font:600 39px "Cormorant Garamond",serif}
.osPage .datePanel>span{padding:8px 14px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.14em}
.osPage .datePanel small{display:block;margin-top:3px;color:#ddd;letter-spacing:0}
.osPage .approvedEquipment{padding:0}
.osPage .approvedEquipment img{display:block;width:100%;height:auto}
.osPage .split,.osPage .journeySplit{display:grid;grid-template-columns:1fr 1fr}
.osPage .split>section,.osPage .journeySplit>section{min-height:400px;border-right:1px solid #96752d}
.osPage .split>section:last-child,.osPage .journeySplit>section:last-child{border-right:0}
.osPage .learning{background:radial-gradient(circle at 78% 70%,#3a3123,transparent 31%)}
.osPage .degree{display:grid;gap:3px;width:68%;margin:15px 0;padding:13px 17px;border-left:2px solid var(--gold);background:#111516}
.osPage .degree span{color:var(--gold);font-size:9px;letter-spacing:.18em}
.osPage .degree strong{font:23px "Cormorant Garamond",serif}
.osPage .degree b{font-size:10px;font-weight:400}
.osPage .vision{background:radial-gradient(circle at 87% 23%,#5c3b1e,transparent 32%)}
.osPage .vision strong{color:white}
.osPage .journeySplit{grid-template-columns:43% 57%}
.osPage .journeySplit>section{min-height:290px}
.osPage .milestone blockquote{font-size:clamp(27px,3vw,45px)}
.osPage .progress ul{padding:0;columns:2;list-style:none;color:#ddd;font-size:8px;line-height:2;text-transform:uppercase}
.osPage .progress li:before{content:"—";margin-right:5px;color:var(--gold)}
.osPage .followJourney{display:grid;grid-template-columns:38% 62%;min-height:360px}
.osPage .followJourney>div{padding:32px 5vw}
.osPage .followJourney>div:first-child{border-right:1px solid #96752d}
.osPage .followJourney h2{color:var(--gold)}
.osPage .inactiveCta{display:inline-block;margin-top:17px;padding:10px 15px;border:1px solid var(--gold);border-radius:99px;color:#989187;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.osPage .clapperVisual{display:block;margin-top:13px;border:1px solid #5d4c2c}
.osPage .clapperVisual img{display:block;width:100%;height:auto}
.osPage .impact{padding:48px 5.5vw}
.osPage .impact h2{margin:8px 0 25px}
.osPage .impact>div{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #4b3c22}
.osPage .impact article{padding:22px;border-right:1px solid #4b3c22}
.osPage .impact article:last-child{border-right:0}
.osPage .impact article b{color:#5e5a52;font-size:9px}
.osPage .impact article span{display:block;margin:15px 0 5px;color:var(--gold);font:600 25px "Cormorant Garamond",serif}
.osPage .impact article p{font-size:9px}
.osPage .closing{position:relative;min-height:420px;overflow:hidden}
.osPage .closing>img{display:block;width:100%;height:420px;object-fit:cover;filter:brightness(.52)}
.osPage .closing>div{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;padding:45px 8vw;text-align:center;background:linear-gradient(0deg,#080a0be6,transparent 70%)}
.osPage .closing>div>span{color:var(--gold);font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.osPage .closing blockquote{max-width:1000px;margin:15px 0 8px;color:white;font-size:clamp(27px,3.6vw,55px);line-height:1}
.osPage .closing blockquote em{color:var(--gold)}
.osPage .closing p{color:var(--gold);font-style:italic}
.osPage .closing strong{margin-top:14px;color:var(--gold);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.osPage .closing small{color:#aaa}
@media(max-width:950px){.osPage .storyHero{grid-template-columns:48% 52%}
.osPage .heroCopy{padding-left:4vw}
.osPage .heroCopy h1{font-size:48px}
.osPage .turning{grid-template-columns:47% 53%}
.osPage .split,.osPage .journeySplit{grid-template-columns:1fr}
.osPage .split>section,.osPage .journeySplit>section{border-right:0;border-bottom:1px solid #96752d}
.osPage .followJourney{grid-template-columns:1fr 1fr}
.osPage .impact>div{grid-template-columns:1fr 1fr}
.osPage .impact article:nth-child(2){border-right:0}
.osPage .impact article:nth-child(-n+2){border-bottom:1px solid #4b3c22}}
@media(max-width:700px){.osPage .storyHero{display:block;height:auto}
.osPage .heroCopy{padding:45px 7vw 26px}
.osPage .heroCopy h1{font-size:52px}
.osPage .storyHero figure{height:380px}
.osPage .turning,.osPage .purpose,.osPage .cameraStatement,.osPage .followJourney{grid-template-columns:1fr}
.osPage .turning figure{height:380px}
.osPage .turning .panelCopy,.osPage .purpose .panelCopy,.osPage .panelCopy{padding:36px 7vw}
.osPage .path{display:grid;grid-template-columns:1fr auto;justify-content:start}
.osPage .path b{transform:rotate(90deg)}
.osPage .cameraStatement figure{height:220px}
.osPage .cameraStatement>strong{padding:22px;text-align:center}
.osPage .purpose .panelCopy{order:2}
.osPage .purpose figure{height:280px}
.osPage .approvedEquipment img{aspect-ratio:3/2;object-fit:cover}
.osPage .degree{width:100%}
.osPage .followJourney>div:first-child{border-right:0;border-bottom:1px solid #96752d}
.osPage .impact{padding:40px 7vw}
.osPage .impact>div{grid-template-columns:1fr}
.osPage .impact article{border-right:0;border-bottom:1px solid #4b3c22}
.osPage .impact article:last-child{border-bottom:0}
.osPage .closing,.osPage .closing>img{height:520px}
.osPage .closing>div{padding:35px 7vw}
.osPage .heroValues{font-size:23px}}
.osPage .closing{min-height:380px;height:auto;border-bottom:1px solid #96752d;background:radial-gradient(circle at 50% 100%,#372713,#080a0b 48%)}
.osPage .closing>div{position:static;display:grid;min-height:380px;align-content:center;justify-items:center;padding:45px 8vw;text-align:center;background:none}
@media(max-width:700px){.osPage .closing{height:auto;min-height:460px}
.osPage .closing>div{min-height:460px;padding:35px 7vw}}
.osPage .storyHero{display:block;height:auto;min-height:360px;background:radial-gradient(circle at 84% 35%,#251d12 0,transparent 34%),#080a0b}
.osPage .heroCopy{max-width:900px;padding:38px 5.5vw 42px}
.osPage .heroValues{right:5.5vw;top:58px}
.osPage .heroCaption{right:5.5vw}
.osPage .turning{display:block;min-height:0;background:linear-gradient(120deg,#0d1011,#080a0b 68%)}
.osPage .turning .panelCopy{max-width:1050px;padding:32px 5.5vw 42px}
.osPage .verticalWords{left:auto;right:5.5vw;bottom:35px;text-align:right}
.osPage .purpose{display:block;min-height:0;background:radial-gradient(circle at 88% 45%,#251d12 0,transparent 32%),#080a0b}
.osPage .purpose .panelCopy{max-width:930px;padding:34px 5.5vw 38px}
.osPage .cameraStatement img{filter:brightness(1.28) contrast(1.04)}
@media(max-width:700px){.osPage .storyHero{min-height:0}
.osPage .heroCopy{padding:42px 7vw 115px}
.osPage .heroValues{top:auto;right:7vw;bottom:62px;font-size:21px}
.osPage .heroCaption{right:7vw;bottom:22px}
.osPage .turning .panelCopy,.osPage .purpose .panelCopy{padding:36px 7vw 45px}
.osPage .verticalWords{position:static;padding:0 7vw 25px;text-align:left}
.osPage .cameraStatement img{filter:brightness(1.38) contrast(1.02)}}
.osPage .approvedArtwork{width:100%;padding:0!important;overflow:hidden;background:#080a0b}
.osPage .approvedArtwork img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.osPage .approvedHeroArtwork img{aspect-ratio:2014/781}
.osPage .approvedCameraArtwork img{aspect-ratio:2172/724}
.osPage .approvedCameraArtwork{position:relative;background:#080a0b}
.osPage .approvedCameraArtwork img{position:relative;z-index:1}
.osPage .approvedCameraArtwork:before,.osPage .approvedCameraArtwork:after{content:"";position:absolute;z-index:2;left:0;width:100%;background:#080a0b;pointer-events:none}
.osPage .approvedCameraArtwork:before{top:0;height:9.4%}
.osPage .approvedCameraArtwork:after{bottom:0;height:9%}


.osPage .degree{border:0;border-left:2px solid var(--gold);max-width:none;width:68%;padding:13px 17px;background:#111516}
@media(max-width:700px){.osPage .degree{width:100%}}
.osPage .impact{text-align:left}.osPage .eyebrow{display:block}.osPage .caps{margin-top:7px}
/* See the Journey: larger text only */
.osPage .progress p{font-size:16px;line-height:1.6}
.osPage .progress ul{font-size:13px;line-height:2.2;letter-spacing:.04em}
@media(max-width:700px){.osPage .progress ul{columns:1}}
/* The Vision: larger text only */
.osPage .vision p{font-size:16px;line-height:1.6}
.osPage .vision p.disciplines{font-size:13px!important;line-height:2;letter-spacing:.14em}

/* 02 Purpose: use the empty right side */
.osPage .purpose{position:relative;overflow:hidden}
.osPage .purpose .panelCopy{position:relative;z-index:2}
.osPage .purpose .purposePhoto{position:absolute;top:0;right:0;bottom:0;width:36%;height:auto;margin:0;z-index:1}
.osPage .purpose .purposePhoto img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.osPage .purpose .purposePhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0b 0,rgba(8,10,11,.35) 45%,transparent 100%),linear-gradient(0deg,rgba(8,10,11,.5),transparent 30%)}
@media(max-width:1100px){.osPage .purpose .purposePhoto{position:relative;width:100%;height:260px}.osPage .purpose .purposePhoto:after{background:linear-gradient(0deg,#080a0b,transparent 60%)}}

.osPage img{filter:none}