.oy-page .oc-hero{color:#fff;background:#260d0b}.oy-page .oc-hero__media{left:0}.oy-page .oc-hero__media img{object-position:center}.oy-page .oc-hero__shade{background:linear-gradient(90deg,rgba(24,7,6,.96) 0%,rgba(37,10,8,.78) 30%,rgba(37,10,8,.16) 62%,rgba(12,5,4,.12) 100%),linear-gradient(0deg,rgba(18,6,5,.72),transparent 45%)}.oy-page .case-header{color:#fff;mix-blend-mode:difference}.oy-page .oc-meta,.oy-page .oc-hero__foot{border-color:rgba(255,255,255,.34)}.oy-page .oc-hero__title{max-width:760px}.oy-page .oc-hero__title>span{color:#f4bd31}.oy-page .oc-hero h1{font-size:clamp(4.9rem,7.6vw,8.5rem)}
@media(max-width:900px){.oy-page .oc-hero__media{left:0}.oy-page .oc-hero__shade{background:linear-gradient(90deg,rgba(24,7,6,.9),rgba(37,10,8,.22) 82%),linear-gradient(0deg,rgba(18,6,5,.72),transparent 50%)}}
@media(max-width:720px){.oy-page .oc-hero__media img{object-position:69% center}.oy-page .oc-hero__shade{background:linear-gradient(0deg,rgba(24,7,6,.98) 0%,rgba(37,10,8,.8) 52%,rgba(37,10,8,.08) 82%)}.oy-page .oc-hero h1{font-size:clamp(3.9rem,16vw,5.7rem)}}
.oy-page .oc-gallery{color:#28130f;background:#f3e8d9}.oy-page .oc-gallery__head{position:relative}.oy-page .oc-gallery__head::before{content:"";position:absolute;left:16.666%;top:-34px;width:54px;height:4px;background:#efb92e}.oy-page .oc-gallery .oc-label{color:#a72c25}.oy-page .oc-shot--wide{grid-column:3/13;height:78svh}.oy-page .oc-shot--portrait{grid-column:1/5;height:68svh;margin-top:9vw}.oy-page .oc-quote{grid-column:6/12;padding-left:3vw;border-left:1px solid rgba(40,19,15,.25)}.oy-page .oc-shot--detail{grid-column:7/13;height:54svh;margin-top:2vw}.oy-page .oc-system{background:#e8e1d7}.oy-page .oc-result{position:relative;background:#f4eee5}.oy-page .oc-result::before{content:"";position:absolute;top:0;left:var(--page);right:var(--page);height:1px;background:rgba(32,14,10,.2)}.oy-page .oc-result .section-index span:first-child,.oy-page .oc-metrics b{color:#b63229}.oy-page .oc-metrics{border-color:rgba(32,14,10,.22)}.oy-page .oc-metrics div{border-color:rgba(32,14,10,.22)}
@media(max-width:720px){.oy-page .oc-gallery__head::before{left:0}.oy-page .oc-shot--wide,.oy-page .oc-shot--portrait,.oy-page .oc-shot--detail{height:62svh;margin:35px 0}.oy-page .oc-quote{padding:0;border:0}}
@font-face{font-family:"Oyemma Glow";src:url("assets/oyemma-glowbetter.otf") format("opentype");font-display:swap}@font-face{font-family:"Oyemma Magic";src:url("assets/oyemma-magic-retro.ttf") format("truetype");font-display:swap}
.oy-page .oc-system{color:#3b2118;background:#f7ecdc}.oy-page .oc-system__head p{max-width:440px}
.oy-brand-board{min-height:88svh;display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:1.15fr .85fr auto;overflow:hidden;border:1px solid rgba(59,33,24,.22);color:#3b2118;background:#fff8ee}
.oy-brand-board>div{position:relative;padding:28px;border-right:1px solid rgba(59,33,24,.24);border-bottom:1px solid rgba(59,33,24,.24)}
.oy-brand-board span,.oy-brand-board small{font:9px/1.3 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.04em}
.oy-brand-board__logo{grid-row:1/3;display:flex;align-items:center;justify-content:center;background:#df4617}
.oy-brand-board__logo>span{position:absolute;top:28px;left:28px;color:#3b2118}
.oy-brand-board__logo img{width:min(82%,640px);height:auto;filter:drop-shadow(0 25px 45px rgba(67,25,12,.18))}
.oy-brand-board__mascot{display:flex;align-items:center;justify-content:center;background:#f6bd2f}
.oy-brand-board__mascot>span{position:absolute;top:28px;left:28px}
.oy-brand-board__mascot img{width:61%;max-height:34svh;object-fit:contain;mix-blend-mode:multiply}
.oy-brand-board__voice{display:flex;flex-direction:column;color:#fff8ee;background:#21845e}
.oy-brand-board__voice b{margin:auto 0;font:400 clamp(3rem,4.8vw,6rem)/.82 "Oyemma Glow",serif;letter-spacing:-.012em}
.oy-brand-board__voice small{color:rgba(255,248,238,.72)}
.oy-brand-board__type{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:12px;background:#f7a7b5}
.oy-brand-board__type span{grid-column:1/-1}.oy-brand-board__type b{align-self:center;font:400 clamp(6rem,10vw,12rem)/.7 "Oyemma Glow",serif}.oy-brand-board__type p{align-self:end;margin:0;font:400 clamp(1.3rem,1.7vw,2rem)/1 "Oyemma Magic",serif;text-align:right}
.oy-brand-board__colors{grid-column:2/4;display:grid!important;grid-template-columns:repeat(4,1fr);padding:0!important}
.oy-brand-board__colors i{min-height:130px;padding:15px;display:flex;align-items:flex-end;font-style:normal}.oy-brand-board__colors i:nth-child(1){background:#f6bd2f}.oy-brand-board__colors i:nth-child(2){color:#fff;background:#21845e}.oy-brand-board__colors i:nth-child(3){color:#fff;background:#df4617}.oy-brand-board__colors i:nth-child(4){color:#fff;background:#3b2118}
.oy-brand-board__ribbon{grid-column:1/-1;padding:17px 28px!important;border:0!important;overflow:hidden;white-space:nowrap;color:#fff8ee;background:#3b2118;font:400 clamp(1.15rem,1.5vw,1.7rem)/1 "Oyemma Magic",serif;letter-spacing:.07em}
@media(max-width:900px){.oy-brand-board{grid-template-columns:1fr 1fr;grid-template-rows:auto}.oy-brand-board__logo{grid-row:1/3;min-height:70svh}.oy-brand-board__voice{min-height:34svh}.oy-brand-board__type{min-height:36svh}.oy-brand-board__colors{grid-column:1/3}.oy-brand-board__ribbon{grid-column:1/3}}
@media(max-width:720px){.oy-brand-board{display:block}.oy-brand-board>div{border-right:0}.oy-brand-board__logo{min-height:68svh}.oy-brand-board__logo img{width:88%}.oy-brand-board__mascot{min-height:58svh}.oy-brand-board__mascot img{width:72%;max-height:42svh}.oy-brand-board__voice{min-height:50svh}.oy-brand-board__voice b{font-size:clamp(4rem,18vw,6rem)}.oy-brand-board__type{min-height:48svh}.oy-brand-board__colors{grid-template-columns:1fr 1fr}.oy-brand-board__colors i{min-height:105px}.oy-brand-board__ribbon{display:block!important}}
.oy-product-story{padding:120px var(--page) 150px;display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:7vw;color:#fff;background:#24100d}
.oy-product-story__intro{position:sticky;top:105px;align-self:start;min-height:calc(100svh - 150px);display:flex;flex-direction:column}
.oy-product-story__intro>span{color:#f3bd32;font:10px/1.2 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.04em}
.oy-product-story__intro h2{max-width:560px;margin:34px 0 30px;font-size:clamp(3.8rem,5.6vw,6.8rem);font-weight:500;line-height:.88;letter-spacing:-.04em}
.oy-product-story__intro>p{max-width:390px;margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.5}
.oy-product-story__index{margin-top:auto;border-top:1px solid rgba(255,255,255,.22)}
.oy-product-story__index span{padding:14px 0;display:block;border-bottom:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.72);font:9px/1.2 var(--font-mono),monospace;text-transform:uppercase}
.oy-product-reel{display:flex;flex-direction:column;gap:9vw}
.oy-product-frame{position:relative;height:78svh;margin:0;overflow:hidden;background:#180a08}
.oy-product-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.oy-product-frame:hover img{transform:scale(1.025)}
.oy-product-frame::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(18,5,4,.78),transparent)}
.oy-product-frame figcaption{position:absolute;z-index:2;right:25px;bottom:24px;left:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:#fff}
.oy-product-frame figcaption span{font:9px/1.2 var(--font-mono),monospace;text-transform:uppercase}
.oy-product-frame figcaption b{max-width:360px;font-size:clamp(1.8rem,2.7vw,3.4rem);font-weight:500;line-height:.92;letter-spacing:-.025em;text-align:right}
.oy-product-frame--campaign img{object-position:center}
.oy-product-frame--msemen{width:68%;height:72svh;margin-left:auto}
.oy-product-frame--msemen img{object-position:center}
.oy-product-frame--brand{width:76%;height:64svh}
.oy-product-manifesto{margin:1vw 0 2vw;padding:72px 0 72px 12%;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.oy-product-manifesto span{color:#f3bd32;font:9px/1.2 var(--font-mono),monospace;text-transform:uppercase}
.oy-product-manifesto p{max-width:760px;margin:25px 0 0;font-size:clamp(3.2rem,5vw,6.2rem);font-weight:500;line-height:.9;letter-spacing:-.035em}
@media(max-width:900px){.oy-product-story{grid-template-columns:1fr;gap:75px}.oy-product-story__intro{position:relative;top:auto;min-height:0}.oy-product-story__intro h2{max-width:700px}.oy-product-story__intro>p{max-width:560px}.oy-product-story__index{margin-top:50px}.oy-product-reel{gap:80px}.oy-product-frame--msemen,.oy-product-frame--brand{width:82%}}
@media(max-width:720px){.oy-product-story{padding-top:80px;padding-bottom:95px;gap:60px}.oy-product-story__intro h2{margin:26px 0 24px;font-size:clamp(3.5rem,15vw,5.2rem)}.oy-product-story__index{margin-top:40px}.oy-product-reel{gap:55px}.oy-product-frame,.oy-product-frame--msemen,.oy-product-frame--brand{width:100%;height:62svh;margin:0}.oy-product-frame figcaption{right:16px;bottom:16px;left:16px;display:block}.oy-product-frame figcaption b{display:block;margin-top:8px;text-align:left}.oy-product-manifesto{margin:0;padding:48px 0}.oy-product-manifesto p{font-size:clamp(3rem,13vw,4.6rem)}}
.oy-order{padding:120px var(--page) 150px;color:#3b2118;background:#df4617}.oy-order__intro{display:grid;grid-template-columns:2fr 7fr 3fr;gap:2vw;align-items:end;margin-bottom:75px;color:#fff8ee}.oy-order__intro>span{align-self:start;font:9px/1.2 var(--font-mono),monospace;text-transform:uppercase}.oy-order__intro h2{margin:0;font:400 clamp(4rem,6.8vw,8rem)/.8 "Oyemma Glow",serif;letter-spacing:-.015em}.oy-order__intro p{max-width:390px;margin:0;font-size:15px;line-height:1.4}.oy-order__stage{position:relative;overflow:hidden;border:1px solid #3b2118;border-radius:28px;background:#fff8ee;box-shadow:0 45px 90px rgba(78,23,9,.32)}.oy-order__nav{height:86px;padding:10px 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(59,33,24,.35);font:9px/1 var(--font-mono),monospace;text-transform:uppercase}.oy-order__nav img{width:68px;height:68px;object-fit:contain}.oy-order__nav b{justify-self:end;padding:13px 18px;border-radius:99px;color:#fff8ee;background:#21845e;font-weight:400}.oy-order__headline{position:relative;min-height:420px;padding:55px 6vw;overflow:hidden;color:#3b2118;background:#f6bd2f}.oy-order__headline small{font:9px/1 var(--font-mono),monospace;text-transform:uppercase}.oy-order__headline h3{position:relative;z-index:2;margin:35px 0 0;font:400 clamp(5rem,9vw,11rem)/.72 "Oyemma Glow",serif;letter-spacing:-.02em}.oy-order__headline img{position:absolute;right:5%;bottom:-32%;width:min(35vw,480px);transform:rotate(8deg)}.oy-order__products{padding:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.oy-order__products article{overflow:hidden;border:1px solid rgba(59,33,24,.32);border-radius:18px;background:#fff}.oy-order__products article>img{width:100%;height:360px;display:block;object-fit:cover}.oy-order__products article div{padding:18px;display:flex;justify-content:space-between;gap:15px}.oy-order__products b{font:400 clamp(1.5rem,2vw,2.2rem)/1 "Oyemma Magic",serif}.oy-order__products span{font:8px/1.3 var(--font-mono),monospace;text-align:right;text-transform:uppercase}.oy-order__ticket{position:absolute;right:32px;bottom:32px;width:min(330px,40%);padding:20px;display:grid;gap:12px;border-radius:15px;color:#fff8ee;background:#21845e;box-shadow:0 16px 40px rgba(33,15,10,.24)}.oy-order__ticket span,.oy-order__ticket small{font:8px/1.2 var(--font-mono),monospace;text-transform:uppercase}.oy-order__ticket b{font:400 1.6rem/1 "Oyemma Magic",serif}
.oy-finale{position:relative;min-height:100svh;padding:95px var(--page) 0;overflow:hidden;color:#3b2118;background:#f6bd2f}.oy-finale__top{position:relative;z-index:3;padding-bottom:16px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(59,33,24,.42);font:9px/1 var(--font-mono),monospace;text-transform:uppercase}.oy-finale h2{position:relative;z-index:2;margin:8vh 0 0;font:400 clamp(5.2rem,10.5vw,12.5rem)/.78 "Oyemma Glow",serif;letter-spacing:-.02em}.oy-finale>p{position:relative;z-index:3;margin:6vh 0 150px;font-size:16px;line-height:1.4}.oy-finale__mascot{position:absolute;z-index:1;right:-1%;bottom:20px;width:min(43vw,720px);max-height:84%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}.oy-finale__sticker{position:absolute;z-index:2;right:37%;bottom:14%;width:min(14vw,210px);transform:rotate(-13deg)}.oy-finale__marquee{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:18px 0;overflow:hidden;white-space:nowrap;color:#fff8ee;background:#3b2118;font:400 clamp(1.3rem,2vw,2.2rem)/1 "Oyemma Magic",serif;letter-spacing:.06em}
@media(max-width:900px){.oy-order__intro{grid-template-columns:1fr}.oy-order__nav{grid-template-columns:1fr 1fr}.oy-order__nav>span{display:none}.oy-order__products{grid-template-columns:1fr 1fr}.oy-order__products article:last-child{display:none}.oy-order__headline img{width:45vw}.oy-order__ticket{width:45%}.oy-finale__mascot{right:-12%;width:58vw}.oy-finale__sticker{right:42%;width:18vw}}
@media(max-width:720px){.oy-order{padding-top:80px;padding-bottom:95px}.oy-order__intro{margin-bottom:45px}.oy-order__intro h2{margin:45px 0 25px;font-size:clamp(4rem,17vw,6rem)}.oy-order__stage{border-radius:18px}.oy-order__nav{height:72px;padding:8px 14px}.oy-order__nav img{width:54px;height:54px}.oy-order__headline{min-height:390px;padding:40px 22px}.oy-order__headline h3{font-size:clamp(4.7rem,20vw,7rem)}.oy-order__headline img{right:-15%;bottom:-10%;width:70vw}.oy-order__products{padding:14px;grid-template-columns:1fr}.oy-order__products article:last-child{display:block}.oy-order__products article>img{height:310px}.oy-order__ticket{position:relative;right:auto;bottom:auto;width:auto;margin:0 14px 14px}.oy-finale{min-height:92svh;padding-top:70px}.oy-finale h2{margin-top:9vh;font-size:clamp(4.5rem,20vw,7rem);line-height:.8}.oy-finale>p{max-width:75%;margin-top:5vh;font-size:13px}.oy-finale__mascot{right:-25%;bottom:35px;width:88vw;max-height:58%}.oy-finale__sticker{right:auto;bottom:18%;left:3%;width:29vw}}
.oy-closing{min-height:100svh;padding:110px var(--page);display:grid;grid-template-columns:7fr 5fr;gap:7vw;align-items:center;color:#25120e;background:#f4eee5}.oy-closing__media{position:relative;height:78svh;overflow:hidden}.oy-closing__media img{width:100%;height:100%;object-fit:cover;object-position:58% center}.oy-closing__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,8,6,.5),transparent 44%)}.oy-closing__media>span{position:absolute;z-index:2;left:20px;bottom:20px;color:#fff;font:9px/1 var(--font-mono),monospace;text-transform:uppercase}.oy-closing__content h2{margin:28px 0 38px;font-size:clamp(3.6rem,5.8vw,6.4rem);font-weight:500;line-height:.87;letter-spacing:-.04em}.oy-closing__content>p{max-width:520px;margin:0;font-size:16px;line-height:1.4}.oy-closing__list{margin-top:70px;border-top:1px solid rgba(37,18,14,.25)}.oy-closing__list div{padding:18px 0;display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid rgba(37,18,14,.25)}.oy-closing__list span{font:9px/1.2 var(--font-mono),monospace;color:#a52b24;text-transform:uppercase}.oy-closing__list b{font-size:14px;font-weight:500}
@media(max-width:900px){.oy-closing{grid-template-columns:1fr;gap:60px}.oy-closing__media{height:68svh}}@media(max-width:720px){.oy-closing{min-height:auto;padding-top:75px;padding-bottom:90px}.oy-closing__content h2{font-size:clamp(3.2rem,14vw,5rem)}.oy-closing__list{margin-top:45px}}
