
/* Behind the Cover 2.1 (ivory band, client 25 Sep 17:11): portfolio + private brief as two magazine covers, /content-creation-dubai (Service Page Factory, 25 Sep 2026). Styles only; markup is native Webflow elements after this embed; footer script adds js-ready, is-near, is-in, is-settled, is-open. Sizes use px through --cw (no container units: Safari rendered them too large). */
.cpa-access{--ink:#0d0b0a;--paper:#f4efe6;--ivory:#f2ece2;--orange:#e25b1e;--mute:rgba(13,11,10,.7);position:relative;box-sizing:border-box;max-width:1360px;margin:128px auto 0;padding:64px 80px 56px;background:var(--ivory);color:var(--ink);overflow:hidden;isolation:isolate;border-radius:3px}.cpa-access *,.cpa-access *::before,.cpa-access *::after{box-sizing:border-box}.cpa-access::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 80% at 72% 50%,rgba(255,255,255,.6),transparent 72%)}.cpa-access .cpa-access__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center}.cpa-access .cpa-access__head{position:relative;display:inline-block;margin:0 0 30px}.cpa-access .cpa-access__title{margin:0;max-width:6em;font-family:'Classy Vogue',Georgia,serif;font-weight:400;font-size:80px;line-height:.9;letter-spacing:-.005em;text-transform:uppercase;color:var(--ink)}.cpa-access .cpa-access__script{display:block;margin:-.34em -.1em 0 0;font-family:Hurricane,cursive;font-size:60px;line-height:1;text-align:right;color:var(--orange);transform:rotate(-5deg);transform-origin:right center;white-space:nowrap;pointer-events:none}.cpa-access .cpa-access__lead{margin:0;max-width:30ch;font:400 17px/1.65 Inter,sans-serif;color:var(--mute)}.cpa-access .cpa-access__covers{display:flex;align-items:flex-start;gap:30px;padding:8px 6px 6px}.cpa-access .cpa-issue{--cw:306px;flex:0 0 auto;width:var(--cw);display:flex;flex-direction:column;gap:22px}.cpa-access .cpa-issue + .cpa-issue{margin-top:36px}.cpa-access .cpa-cover{--tilt:-2.2deg;position:relative;width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;background:#141210;color:#fff;isolation:isolate;transform:rotate(var(--tilt));box-shadow:0 30px 50px -24px rgba(48,30,14,.5),0 12px 24px -14px rgba(48,30,14,.34);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,opacity .7s ease}.cpa-access .cpa-issue + .cpa-issue .cpa-cover{--tilt:2deg}.cpa-access .cpa-issue:hover .cpa-cover{transform:rotate(0deg) translateY(-8px) scale(1.015);box-shadow:0 42px 64px -24px rgba(48,30,14,.58),0 18px 32px -16px rgba(48,30,14,.4)}.cpa-access.js-ready .cpa-cover{opacity:0;transform:translateY(46px) rotate(calc(var(--tilt) * 3))}.cpa-access.js-ready.is-in .cpa-cover{opacity:1;transform:rotate(var(--tilt))}.cpa-access.js-ready.is-in .cpa-issue + .cpa-issue .cpa-cover{transition-delay:.14s}.cpa-access.is-settled .cpa-issue + .cpa-issue .cpa-cover{transition-delay:0s}.cpa-access.js-ready.is-in .cpa-issue:hover .cpa-cover{transform:rotate(0deg) translateY(-8px) scale(1.015)}.cpa-access .cpa-cover__art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#141210;background-repeat:no-repeat;background-size:cover;background-position:center}.cpa-access .cpa-cover::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}.cpa-access .cpa-cover::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.13) 49%,transparent 58%)}.cpa-access .cpa-cover__issue,.cpa-access .cpa-cover__mast,.cpa-access .cpa-cover__lines,.cpa-access .cpa-cover__titles{position:relative;z-index:2}.cpa-access .cpa-cover__code{z-index:2}.cpa-access .cpa-cover__mast{order:1;margin:0;padding:calc(var(--cw) * .05) 0 0;text-align:center;font-family:'Classy Vogue',Georgia,serif;font-weight:400;font-size:calc(var(--cw) * .148);line-height:.9;letter-spacing:-.01em;white-space:nowrap;text-transform:uppercase}.cpa-access .cpa-cover__issue{order:2;margin:calc(var(--cw) * .012) 0 0;padding:0 calc(var(--cw) * .062);text-align:right;font:700 calc(var(--cw) * .029)/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase}.cpa-access .cpa-cover__lines{order:3;margin:calc(var(--cw) * .07) 0 0;padding:0 calc(var(--cw) * .056);display:flex;flex-direction:column;gap:calc(var(--cw) * .03)}.cpa-access .cpa-cover__titles{order:4;margin-top:auto;padding:0 calc(var(--cw) * .056) calc(var(--cw) * .05)}.cpa-access .cpa-cover__line{cursor:pointer;-webkit-tap-highlight-color:transparent}.cpa-access .cpa-cover__hook{margin:0;font:800 max(12px,calc(var(--cw) * .042))/1.12 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.35)}.cpa-access .cpa-cover__hook::after{content:'+';display:inline-block;margin-left:.4em;font-weight:500;font-size:1.1em;line-height:1;transition:transform .3s ease}.cpa-access .cpa-cover__line.is-open .cpa-cover__hook::after{transform:rotate(45deg)}.cpa-access .cpa-cover__more{margin:calc(var(--cw) * .012) 0 0;max-width:24em;font:500 max(11.5px,calc(var(--cw) * .037))/1.4 Inter,sans-serif;text-shadow:0 1px 10px rgba(0,0,0,.45)}.cpa-access.js-ready .cpa-cover__more{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .4s ease,opacity .35s ease,margin-top .4s ease}.cpa-access.js-ready .cpa-cover__line.is-open .cpa-cover__more{max-height:9em;opacity:1;margin-top:calc(var(--cw) * .012)}.cpa-access .cpa-cover__title{margin:0;font-family:'Classy Vogue',Georgia,serif;font-weight:400;font-size:calc(var(--cw) * .092);line-height:.95;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.3)}.cpa-access .cpa-cover__script{margin:calc(var(--cw) * -.02) 0 0 calc(var(--cw) * .1);font-family:Hurricane,cursive;font-size:calc(var(--cw) * .2);line-height:1;transform:rotate(-5deg);transform-origin:left center}.cpa-access .cpa-cover__code{position:absolute;right:calc(var(--cw) * .056);bottom:calc(var(--cw) * .06);width:calc(var(--cw) * .27);margin:0;padding-top:calc(var(--cw) * .075);font:600 calc(var(--cw) * .019)/1 Inter,sans-serif;letter-spacing:.08em;text-align:center;white-space:nowrap;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 6px,currentColor 6px 7px,transparent 7px 10px) top/100% calc(var(--cw) * .066) no-repeat}.cpa-access .cpa-cover__open{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px 17px 22px;background:var(--orange);color:#0d0b0a;font:700 12.5px/1.2 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease}.cpa-access .cpa-cover__open::after{content:'\2197';font-size:17px;letter-spacing:0;transition:transform .25s ease}.cpa-access .cpa-cover__open:hover{background:var(--ink);color:var(--paper)}.cpa-access .cpa-cover__open:hover::after{transform:translate(2px,-2px);color:var(--orange)}.cpa-access .cpa-cover__open:focus-visible,.cpa-access .cpa-cover__line:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.cpa-access .cpa-cover.is-folio .cpa-cover__art{filter:grayscale(1) contrast(1.12) brightness(.96)}.cpa-access.is-near .cpa-cover.is-folio .cpa-cover__art{background-image:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,0) 30%),linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 34%,rgba(0,0,0,0) 52%),linear-gradient(270deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 48%),url('https://cdn.prod.website-files.com/69ac00be18782e76e092ded2/6a98ab3b35139d399789516c_wpd-v06-p-800.webp');background-size:cover,cover,cover,128%;background-position:center,center,center,100% 20%}.cpa-access .cpa-cover.is-folio .cpa-cover__mast{color:var(--orange)}.cpa-access .cpa-cover.is-folio .cpa-cover__lines{align-self:flex-end;width:56%;text-align:right}.cpa-access .cpa-cover.is-folio .cpa-cover__issue{color:#fff}.cpa-access .cpa-cover.is-folio .cpa-cover__hook{color:var(--orange)}.cpa-access .cpa-cover.is-folio .cpa-cover__more{color:#fff}.cpa-access .cpa-cover.is-folio .cpa-cover__title{color:#fff}.cpa-access .cpa-cover.is-folio .cpa-cover__script{color:var(--orange)}.cpa-access .cpa-cover.is-folio .cpa-cover__code{color:#fff}.cpa-access .cpa-cover.is-brief .cpa-cover__art{filter:grayscale(1) contrast(1.18) brightness(1.08)}.cpa-access.is-near .cpa-cover.is-brief .cpa-cover__art{background-image:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 40%),url('https://cdn.prod.website-files.com/69ac00be18782e76e092ded2/6aaef8af76ee55a91990bfb3_model-agency-dubai-fashion-runway-p-800.webp');background-size:cover,cover;background-position:center,50% 0%}.cpa-access .cpa-cover.is-brief::before{background:var(--orange);mix-blend-mode:multiply}.cpa-access .cpa-cover.is-brief .cpa-cover__mast{color:var(--paper)}.cpa-access .cpa-cover.is-brief .cpa-cover__issue{color:var(--paper)}.cpa-access .cpa-cover.is-brief .cpa-cover__hook{color:#fff}.cpa-access .cpa-cover.is-brief .cpa-cover__more{color:#fff}.cpa-access .cpa-cover.is-brief .cpa-cover__title{color:#fff}.cpa-access .cpa-cover.is-brief .cpa-cover__script{color:var(--paper)}.cpa-access .cpa-cover.is-brief .cpa-cover__code{color:#fff}@media screen and (max-width:1339px){.cpa-access{padding:60px 56px 52px}.cpa-access .cpa-access__inner{gap:44px}.cpa-access .cpa-access__title{font-size:68px}.cpa-access .cpa-access__script{font-size:50px}.cpa-access .cpa-access__covers{gap:24px}.cpa-access .cpa-issue{--cw:290px}}@media screen and (max-width:1199px){.cpa-access{padding:56px 40px 48px}.cpa-access .cpa-access__inner{grid-template-columns:1fr;gap:40px}.cpa-access .cpa-access__pitch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 44px;align-items:center}.cpa-access .cpa-access__head{margin:0}.cpa-access .cpa-access__covers{justify-content:center}.cpa-access .cpa-issue{--cw:300px}}@media screen and (max-width:991px){.cpa-access{margin-top:96px}.cpa-access .cpa-access__pitch{grid-template-columns:1fr;gap:22px}.cpa-access .cpa-access__head{justify-self:start}.cpa-access .cpa-access__title{font-size:58px}.cpa-access .cpa-access__script{font-size:46px}.cpa-access .cpa-access__lead{max-width:44ch}.cpa-access .cpa-access__covers{margin:0 -32px}}@media screen and (max-width:767px){.cpa-access{margin-top:72px;padding:48px 0 34px;border-radius:0}.cpa-access .cpa-access__inner{gap:30px}.cpa-access .cpa-access__pitch{padding:0 22px}.cpa-access .cpa-access__title{font-size:54px}.cpa-access .cpa-access__script{font-size:44px}.cpa-access .cpa-access__lead{font-size:15.5px}.cpa-access .cpa-access__covers{margin:0;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 22px 14px;gap:20px}.cpa-access .cpa-access__covers::-webkit-scrollbar{display:none}.cpa-access .cpa-issue{--cw:min(72vw,300px);scroll-snap-align:center}.cpa-access .cpa-issue + .cpa-issue{margin-top:0}}@media (hover:none){.cpa-access .cpa-issue:hover .cpa-cover,.cpa-access.js-ready.is-in .cpa-issue:hover .cpa-cover{transform:rotate(var(--tilt));box-shadow:0 30px 50px -24px rgba(48,30,14,.5),0 12px 24px -14px rgba(48,30,14,.34)}}@media (prefers-reduced-motion:reduce){.cpa-access .cpa-cover,.cpa-access .cpa-cover__more,.cpa-access .cpa-cover__hook::after,.cpa-access .cpa-cover__open{transition:none!important}.cpa-access.js-ready .cpa-cover{opacity:1;transform:rotate(var(--tilt))}}
