/* Finished examples for the fictional Bloom campaign. */
#orcaru-examples .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#orcaru-examples .example{border-radius:14px}
#orcaru-examples .real-art{height:246px;width:100%;display:block;position:relative;overflow:hidden;background:#e9e4d8;color:#183b30}
#orcaru-examples .real-art img{display:block;width:100%;height:100%;object-fit:cover}
#orcaru-examples .meta{padding:16px}
#orcaru-examples .sample-action{display:block;font-size:12px;color:#345c4b;margin-top:12px;font-weight:600}
#orcaru-examples .real-blog{background:#fffaf1;padding:13px 15px}
#orcaru-examples .real-masthead{display:block;font:600 9px var(--mono);letter-spacing:.12em;padding-bottom:9px;border-bottom:1px solid #d5dccb;margin-bottom:9px}
#orcaru-examples .real-blog img{height:108px;object-position:50% 58%}
#orcaru-examples .real-article-title{display:block;font:700 20px/1.1 Georgia,serif;margin-top:10px;letter-spacing:-.5px}
#orcaru-examples .real-byline{display:block;font:500 6px var(--mono);margin-top:8px;letter-spacing:.06em;color:#73806d}
#orcaru-examples .real-video:after,#orcaru-examples .real-highlight:after{content:"";position:absolute;inset:0;background:linear-gradient(#102d2040,transparent 30%,#102d20b0);pointer-events:none}
#orcaru-examples .real-brand{position:absolute;top:17px;left:17px;z-index:1;font:500 9px var(--mono);color:white;letter-spacing:.12em}
#orcaru-examples .real-overlay{position:absolute;bottom:45px;left:17px;font:700 28px/1.04 Georgia,serif;letter-spacing:-.5px;color:#fff;z-index:1;text-shadow:0 1px 6px #0005}
#orcaru-examples .real-play{position:absolute;top:42%;left:45%;z-index:2;width:38px;height:38px;display:grid;place-items:center;background:#ffffffed;color:#255544;border-radius:50%;font-size:13px;padding-left:2px;box-shadow:0 3px 20px #0002}
#orcaru-examples .real-runtime{position:absolute;bottom:16px;left:17px;color:#fff;font:500 8px var(--mono);z-index:1}
#orcaru-examples .real-triptych{display:flex;height:100%;gap:3px;background:#fff}
#orcaru-examples .real-triptych img{width:calc((100% - 6px)/3);object-position:center}
#orcaru-examples .real-highlight .real-overlay{font-size:23px}
#orcaru-examples .real-explainer img{object-position:32% center}
#orcaru-examples .real-social-head{height:34px;background:white;display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:10px;font-weight:600}
#orcaru-examples .real-social-head i{display:grid;place-items:center;width:21px;height:21px;background:#e4e9d8;border-radius:50%;font:italic 17px Georgia,serif}
#orcaru-examples .real-social-head>span{margin-left:auto}
#orcaru-examples .real-social-image{display:block;position:relative;height:212px}
#orcaru-examples .real-social-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c3022a0,transparent)}
#orcaru-examples .real-social-image>span{position:absolute;top:20px;left:18px;color:#fff;z-index:1;font:500 8px var(--mono);letter-spacing:.12em}
#orcaru-examples .real-social-image b{display:block;font:700 34px/1.02 Georgia,serif;margin-top:65px;letter-spacing:-1px}
#orcaru-examples .real-carousel img{position:absolute;width:50%;height:100%;right:0;object-position:70% center}
#orcaru-examples .real-carousel-title{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:59%;padding:20px 14px;background:#f0eddc;position:relative;clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}
#orcaru-examples .real-carousel-title small{font:500 7px var(--mono);letter-spacing:.1em}
#orcaru-examples .real-carousel-title b{font:700 28px/1.05 Georgia,serif;letter-spacing:-.7px}
#orcaru-examples .real-carousel-title>span{font:500 10px var(--mono);display:flex;gap:40px}
#orcaru-examples .real-carousel-title i{font-size:18px;font-style:normal}
#orcaru-examples .real-quote img{opacity:.2;object-position:left center}
#orcaru-examples .real-quote-copy{position:absolute;inset:0;padding:26px 18px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;text-align:center;background:#edf0df77}
#orcaru-examples .real-quote-copy small,#orcaru-examples .real-quote-copy>span{font:500 7px var(--mono);letter-spacing:.12em}
#orcaru-examples .real-quote-copy b{font:400 29px/1.12 Georgia,serif;letter-spacing:-.8px}
#orcaru-examples .real-distribution{padding:19px;background:#dfebdf}
#orcaru-examples .real-distribution-title{font:700 21px/1.05 Georgia,serif;display:block;margin-bottom:16px}
#orcaru-examples .real-channel-row{display:flex;align-items:center;gap:9px;padding:10px;background:#fff;border-radius:6px;margin-bottom:8px;font-size:10px}
#orcaru-examples .real-channel-row img{height:23px;width:23px;object-fit:contain}
#orcaru-examples .real-channel-row small{display:block;font-size:8px;color:#73806d;margin-top:3px}
#orcaru-examples .real-channel-row b{margin-left:auto;font-size:8px}
#orcaru-examples .real-distribution-total{display:block;font:500 8px var(--mono);margin-top:12px}
#oe-sample{width:min(1040px,94vw);max-height:92dvh;border:0;border-radius:16px;padding:0;background:#f4f3ec;color:#1c372e;box-shadow:0 25px 90px #0a211b55;overflow:auto;overscroll-behavior:contain;font:15px/1.6 'Archivo',sans-serif}
#oe-sample::backdrop{background:#0c211dc9;backdrop-filter:blur(4px)}
#oe-sample .sample-toolbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 22px;background:#fff;border-bottom:1px solid #dbe2d8}
#oe-sample .sample-toolbar small{font:500 8px var(--mono);letter-spacing:.12em;color:#6b7b6d;display:block;margin-bottom:4px}
#oe-sample .sample-toolbar h3{font-size:17px;line-height:1.3;margin:0}
#oe-sample .sample-close,#oe-sample .sample-carousel-controls button{border:1px solid #c2d1c5;border-radius:8px;background:white;padding:10px 14px;min-height:44px;font:600 13px 'Archivo',sans-serif;cursor:pointer;white-space:nowrap;color:#204839}
#oe-sample button:focus-visible{outline:3px solid #23795f;outline-offset:3px}
#oe-sample .sample-close:hover,#oe-sample .sample-carousel-controls button:hover{background:#e7eee1}
#oe-sample .sample-carousel-controls button:disabled{opacity:.35;cursor:default}
#oe-sample .sample-article{max-width:800px;padding:35px 48px;margin:auto;background:#fffdf5}
#oe-sample .sample-publication{font:600 12px var(--mono);display:flex;justify-content:space-between;border-bottom:1px solid #cad3bf;padding-bottom:18px;letter-spacing:.08em}
#oe-sample .sample-publication span{font-size:8px;align-self:center;color:#76816e}
#oe-sample .sample-kicker{font:600 10px var(--mono);letter-spacing:.12em;color:#627959;margin:28px 0 12px}
#oe-sample h2{font:400 44px/1.05 Georgia,serif;letter-spacing:-1.3px;max-width:none;margin:0 0 18px}
#oe-sample .sample-deck{font-size:18px;line-height:1.6;color:#64715d}
#oe-sample .sample-byline{font:400 10px var(--mono);color:#7a846e;margin:18px 0 22px}
#oe-sample .sample-article img{width:100%;height:auto;display:block;border-radius:3px}
#oe-sample .sample-prose{max-width:620px;margin:28px auto}
#oe-sample .sample-prose p{font:17px/1.8 Georgia,serif;margin:15px 0;color:#42543f}
#oe-sample .sample-prose h3{font:400 26px/1.2 Georgia,serif;margin:28px 0 10px}
#oe-sample .sample-prose aside{background:#e7edda;padding:24px;margin-top:30px;border-left:3px solid #527150}
#oe-sample .sample-prose aside small{font-size:10px;color:#65745c}
#oe-sample .sample-post{max-width:580px;background:#fff;margin:25px auto;border:1px solid #dde2d5;border-radius:8px;overflow:hidden}
#oe-sample .sample-post header{display:flex;gap:10px;align-items:center;padding:15px 20px}
#oe-sample .sample-avatar{font:italic 25px Georgia,serif;background:#e2e8d6;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
#oe-sample .sample-post header small{display:block;font-size:10px;color:#7b8575}
#oe-sample .sample-post-art{position:relative;aspect-ratio:1;isolation:isolate}
#oe-sample .sample-post-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#oe-sample .sample-post-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102f21bd,transparent 100%);z-index:0}
#oe-sample .sample-post-art>div{position:absolute;inset:0;z-index:1;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:space-between}
#oe-sample .sample-post-art small,#oe-sample .sample-post-art span{font:500 10px var(--mono);letter-spacing:.12em}
#oe-sample .sample-post-art h2{font-size:64px;line-height:.99;color:white;margin:0}
#oe-sample .sample-caption{padding:20px;font-size:14px;line-height:1.8;color:#334e3c}
#oe-sample .sample-post-quote img{opacity:.25}
#oe-sample .sample-post-quote:after{background:#e9eddaaa}
#oe-sample .sample-post-quote>div{align-items:center;text-align:center;color:#23472f}
#oe-sample .sample-post-quote h2{color:#23472f;font-size:51px;line-height:1.12}
#oe-sample .sample-video-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;padding:30px 40px}
#oe-sample video{display:block;width:auto;max-width:100%;height:70dvh;max-height:70dvh;justify-self:center;aspect-ratio:9/16;background:#12271e;border-radius:8px;object-fit:cover}
#oe-sample .sample-video-copy{align-self:center}
#oe-sample .sample-video-copy h2{font-size:39px}
#oe-sample .sample-video-copy p{margin:16px 0}
#oe-sample .sample-video-copy dl{display:grid;grid-template-columns:70px 1fr;font-size:12px;border-top:1px solid #d3dbca;padding-top:14px;gap:10px;margin:22px 0}
#oe-sample .sample-video-copy dd{margin:0;color:#65755d}
#oe-sample .sample-disclosure{font-size:11px;color:#6a7862}
#oe-sample .sample-video-copy summary{cursor:pointer;font-size:12px;font-weight:600}
#oe-sample .sample-video-copy details p{font-size:13px}
#oe-sample .sample-carousel{max-width:640px;padding:25px;margin:auto}
#oe-sample .sample-slide{position:relative;aspect-ratio:1;background:#e9eddf;overflow:hidden;border-radius:4px}
#oe-sample .sample-slide>img{position:absolute;width:50%;height:100%;right:0;object-fit:cover}
#oe-sample .sample-slide-copy{position:absolute;inset:0 40% 0 0;padding:30px 20px;background:#eeeddf;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);display:flex;flex-direction:column;justify-content:space-between}
#oe-sample .sample-slide-copy small{font:500 8px var(--mono);letter-spacing:.06em;max-width:90%}
#oe-sample .sample-slide-copy h2{font-size:43px;margin:20px 0 10px}
#oe-sample .sample-slide-copy p{font-size:13px;line-height:1.6;margin:0 15px 20px 0}
#oe-sample .sample-slide-copy>span{font:500 10px var(--mono)}
#oe-sample .sample-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;font-size:12px}
#oe-sample .sample-carousel>p{font-size:13px;color:#5c715b}
#oe-sample .sample-distribution{padding:30px;max-width:850px;margin:auto}
#oe-sample .sample-placements{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
#oe-sample .sample-placements article{background:white;padding:20px;border-radius:10px}
#oe-sample .sample-placements article>img:first-child{width:30px;height:30px;display:inline-block;vertical-align:middle;margin-right:8px}
#oe-sample .sample-placements h3{font-size:16px;display:inline}
#oe-sample .sample-placements article>img:nth-of-type(2){width:100%;height:auto;display:block;margin:18px 0}
#oe-sample .sample-placements p{font-size:13px;line-height:1.6;margin:15px 0}
#oe-sample .sample-placements article>span{font:500 10px var(--mono);color:#526e4f}
#oe-sample .sample-distribution-total{padding:18px;background:#dce9d4;border-radius:6px;margin-bottom:20px}
@media(max-width:850px){#orcaru-examples .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-video-layout{gap:20px}}
@media(max-width:599px){#orcaru-examples .gallery{grid-template-columns:1fr;gap:18px}#orcaru-examples .real-art{height:300px}#orcaru-examples .real-blog img{height:155px}#orcaru-examples .real-article-title{font-size:25px}#orcaru-examples .real-overlay{font-size:36px}#orcaru-examples .real-highlight .real-overlay{font-size:29px}#orcaru-examples .real-social-image{height:266px}#orcaru-examples .real-carousel-title b{font-size:34px}#orcaru-examples .real-quote-copy b{font-size:38px}#orcaru-examples .real-distribution{padding:28px}#orcaru-examples .real-distribution-title{font-size:27px}#orcaru-examples .real-channel-row{padding:14px}#orcaru-examples .real-channel-row small{font-size:10px}#orcaru-examples .real-channel-row{font-size:12px}#orcaru-examples .real-channel-row b{font-size:10px}#orcaru-examples .real-distribution-total{font-size:10px}#oe-sample{width:100vw;max-width:100vw;max-height:96dvh;margin:auto 0 0;border-radius:14px 14px 0 0}#oe-sample .sample-toolbar{padding:12px 15px}#oe-sample .sample-toolbar h3{font-size:14px}#oe-sample .sample-toolbar small{font-size:6px}#oe-sample .sample-close{padding:9px;font-size:12px}#oe-sample .sample-article{padding:25px 20px}#oe-sample h2{font-size:34px}#oe-sample .sample-deck{font-size:16px}#oe-sample .sample-prose p{font-size:16px}#oe-sample .sample-post{margin:15px;border-radius:6px}#oe-sample .sample-post-art>div{padding:22px}#oe-sample .sample-post-art h2{font-size:48px}#oe-sample .sample-post-quote h2{font-size:35px}#oe-sample .sample-post-art small,#oe-sample .sample-post-art span{font-size:7px}#oe-sample .sample-video-layout{grid-template-columns:1fr;padding:20px;gap:20px}#oe-sample video{height:62dvh;max-height:62dvh}#oe-sample .sample-video-copy h2{font-size:32px}#oe-sample .sample-carousel{padding:18px}#oe-sample .sample-slide-copy{padding:18px 13px}#oe-sample .sample-slide-copy h2{font-size:27px;letter-spacing:-.7px;margin:12px 0}#oe-sample .sample-slide-copy p{font-size:10px;line-height:1.4;margin-bottom:12px;margin-right:3px}#oe-sample .sample-slide-copy small{font-size:6px}#oe-sample .sample-carousel-controls button{font-size:11px;padding:9px}#oe-sample .sample-carousel-controls{font-size:10px}#oe-sample .sample-distribution{padding:20px}#oe-sample .sample-placements{grid-template-columns:1fr}}