.photo-package{--photo-paper:#f7f4eb;--photo-ink:#183e31;--photo-muted:#667565;--photo-line:#d7ddcf;position:relative;isolation:isolate;aspect-ratio:16/10;overflow:hidden;background:#253b2e;container-type:inline-size;color:var(--photo-ink);font-family:Manrope,Arial,sans-serif;line-height:1.35}
.photo-package *{box-sizing:border-box}.photo-package img{transform:none!important}.photo-package img.photo-package__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 42%;aspect-ratio:auto;z-index:-3;filter:saturate(.83)}.photo-package .photo-package__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#10251d50,transparent 48%,#11291e38),linear-gradient(90deg,#0e251c35,transparent 80%)}.photo-package .photo-package__label{position:absolute;top:6%;left:6%;right:6%;font-size:clamp(11px,3.5cqi,16px);font-weight:650;line-height:1.3;color:#fff9ed;text-shadow:0 2px 12px #13291b90;letter-spacing:-.02em;max-width:75%}.photo-package .photo-package__footnote{position:absolute;bottom:4%;left:6%;font-size:clamp(10px,2.7cqi,13px);color:#fff8e9;text-shadow:0 2px 10px #122b1d80}.photo-package strong,.photo-package b{color:inherit}.photo-package p{margin:0}.photo-package i{display:block}.photo-package .photo-package__chrome{display:flex;align-items:center;gap:4%;height:clamp(18px,6cqi,27px);background:#edece5;border-bottom:1px solid #d2d8ca;padding:0 4%;color:#687366;font-size:10px;line-height:1;min-width:0;overflow:hidden}.photo-package .photo-package__chrome>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.photo-package .photo-package__chrome>b{font-weight:400;font-size:12px}.photo-package .photo-package__traffic{display:flex;gap:3px;flex-shrink:0}.photo-package .photo-package__traffic>i{height:3px;width:3px;border-radius:50%;background:#9da896}.photo-package :is(.photo-package__campaign,.photo-package__search,.photo-package__pipeline,.photo-package__sheet,.photo-package__report,.photo-package__workflow){position:absolute;left:6%;right:10%;top:30%;bottom:7%;border-radius:5px;box-shadow:0 11px 28px #071b1c55,0 1px 2px #fff9;border:1px solid #e9e9dd;overflow:hidden;background:var(--photo-paper);transform:rotate(-2deg)}.photo-package .photo-package__workspace-head{padding:4% 5% 3%;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.photo-package .photo-package__workspace-head>strong{font:400 clamp(14px,4.3cqi,22px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.025em}.photo-package .photo-package__workspace-head>span{font-size:10px;color:#718067;white-space:nowrap}.photo-package+figcaption{font-size:11px;line-height:1.55;padding:.65rem .75rem}
/* Website and social work presented as devices, with business photography visible behind. */
.photo-package.photo-package--website img.photo-package__photo{object-position:57% 35%;filter:saturate(.82) brightness(.92)}.photo-package.photo-package--growth img.photo-package__photo{object-position:40% 38%}.photo-package.photo-package--signature img.photo-package__photo{object-position:60% 38%}.photo-package .photo-package__website-browser{position:absolute;left:6%;top:27%;width:75%;height:61%;border:1px solid #b5c0b0;border-radius:5px;overflow:hidden;background:#0e1d17;box-shadow:0 12px 30px #071a1e66;transform:perspective(900px) rotateY(5deg) rotate(-3deg)}.photo-package .photo-package__website-screen{height:calc(100% - clamp(18px,6cqi,27px));overflow:hidden}.photo-package .photo-package__website-screen>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}.photo-package .photo-package__device-label{position:absolute;bottom:8px;left:9px;background:#fbf7ecee;color:#234633;padding:3px 8px;box-shadow:0 2px 8px #071c1c25;font-size:10px;border-radius:2px}.photo-package :is(.photo-package__website-phone,.photo-package__social-phone){position:absolute;background:#18221d;border:1px solid #778176;box-shadow:0 9px 20px #09271d66,inset 0 0 0 1px #111b14;border-radius:clamp(9px,3cqi,16px);padding:7px 4px 6px;overflow:hidden}.photo-package .photo-package__website-phone{width:25%;height:61%;right:6%;top:34%;transform:rotate(5deg)}.photo-package .photo-package__phone-speaker{position:absolute;top:4px;left:35%;right:35%;height:3px;border-radius:5px;background:#050d08;z-index:2}.photo-package .photo-package__phone-home{position:absolute;bottom:3px;width:32%;left:34%;height:2px;border-radius:2px;background:#a2ada1}.photo-package .photo-package__phone-page{background:var(--photo-paper);height:100%;overflow:hidden;border-radius:7px;display:flex;flex-direction:column}.photo-package .photo-package__phone-page>span{font-size:10px;font-weight:600;padding:7% 6%;color:#355440;line-height:1.1}.photo-package .photo-package__phone-page>img{width:100%;height:0;flex:1;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:52% 35%}.photo-package .photo-package__phone-page>strong{font:400 clamp(10px,3.1cqi,15px)/.98 Newsreader,Georgia,serif;letter-spacing:-.03em;padding:9% 7%;color:#173b2b}.photo-package .photo-package__social-label{position:absolute;right:5%;bottom:2.5%;background:#fcf8ed;color:#284b37;font-size:10px;line-height:1.1;padding:3px 7px;border-radius:2px;box-shadow:0 2px 7px #0d241f35}
/* Coordinated, photo-led post artwork alongside a portrait phone view. */
.photo-package.photo-package--social img.photo-package__photo,.photo-package.photo-package--campaign img.photo-package__photo{object-position:58% 28%}.photo-package .photo-package__social{position:absolute;top:29%;left:6%;right:6%;bottom:14%;display:flex;align-items:stretch;gap:3%;padding-right:26%}.photo-package .photo-package__post{width:48.5%;padding:4px;background:#f6f1e7;box-shadow:0 9px 22px #071b1a55;border:1px solid #d6decd;display:flex;flex-direction:column;border-radius:2px;overflow:hidden}.photo-package .photo-package__post--one{transform:rotate(-5deg)}.photo-package .photo-package__post--two{transform:translateY(-5%) rotate(1deg)}.photo-package .photo-package__post>span{font-size:10px;line-height:1.15;font-weight:600;padding:3px 2px 5px;letter-spacing:.02em;color:#526b50}.photo-package .photo-package__post>img{width:100%;height:0;flex:1;min-height:0;object-fit:cover;object-position:center;aspect-ratio:auto}.photo-package .photo-package__post>strong{font:400 clamp(11px,3.5cqi,17px)/.98 Newsreader,Georgia,serif;padding:5px 2px 0;letter-spacing:-.025em;color:#183d2d}.photo-package .photo-package__post>small{font-size:10px;line-height:1.1;padding:3px 2px 1px;color:#78816b}.photo-package .photo-package__social-phone{right:0;bottom:-4%;width:26%;height:115%;transform:rotate(6deg)}
/* Photographic advert composition in a believable browser window. */
.photo-package .photo-package__campaign{left:7%;right:7%;top:31%;bottom:8%;transform:rotate(-2deg)}.photo-package .photo-package__advert{height:calc(100% - clamp(18px,6cqi,27px));display:grid;grid-template-columns:1fr 1.1fr}.photo-package .photo-package__ad-image{position:relative;min-width:0;overflow:hidden}.photo-package .photo-package__ad-image>img{width:100%;height:100%;object-fit:cover;object-position:55% 35%;aspect-ratio:auto}.photo-package .photo-package__ad-image>span{position:absolute;bottom:7%;left:8%;font:400 clamp(12px,3.6cqi,19px)/1 Newsreader,Georgia,serif;letter-spacing:-.02em;color:#fff9ec;text-shadow:0 2px 10px #1b352c}.photo-package .photo-package__ad-copy{padding:8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7%;background:#f5f0e5}.photo-package .photo-package__ad-copy>span:first-child{font-size:10px;line-height:1.1;letter-spacing:.03em;font-weight:600;color:#877056}.photo-package .photo-package__ad-copy>strong{font:400 clamp(15px,5.2cqi,26px)/.95 Newsreader,Georgia,serif;letter-spacing:-.035em}.photo-package .photo-package__ad-copy>p{font-size:10px;line-height:1.3;color:#69775f}.photo-package .photo-package__ad-action{font-size:10px;background:#285e4d;color:#fff8e9;padding:5px 7px;display:block;border-radius:2px;line-height:1.15}
/* Search page and a printed proposal, set against the photographed business. */
.photo-package.photo-package--search img.photo-package__photo,.photo-package.photo-package--proposal img.photo-package__photo{object-position:40% 35%}.photo-package .photo-package__search{top:31%;left:12%;right:6%;bottom:6%;transform:rotate(2deg)}.photo-package .photo-package__search-content{padding:3% 5%}.photo-package .photo-package__search-query{font-size:clamp(11px,3.6cqi,17px);font-weight:600;border-bottom:1px solid #d6dccd;padding:0 0 3%}.photo-package .photo-package__snippet{padding-top:3%;display:flex;flex-direction:column;gap:4px}.photo-package .photo-package__snippet>span{font-size:10px;line-height:1.1;color:#718164}.photo-package .photo-package__snippet>strong{font-size:clamp(12px,3.6cqi,18px);font-weight:600;line-height:1.1;color:#285e4d;letter-spacing:-.02em}.photo-package .photo-package__snippet>p{font-size:10px;line-height:1.25;color:#73806a;max-width:95%}.photo-package .photo-package__snippet>div{display:flex;gap:7%;font-size:10px;font-weight:600;color:#285e4d}.photo-package .photo-package__proposal,.photo-package .photo-package__paper-back{position:absolute;top:26%;left:28%;width:62%;bottom:5%;border-radius:2px;background:#fbf8ef;box-shadow:0 9px 24px #09251d50;transform:rotate(-4deg)}.photo-package .photo-package__paper-back{transform:rotate(3deg);left:25%;top:28%;background:#dddccc}.photo-package .photo-package__proposal{padding:4% 5% 3%;display:flex;flex-direction:column;border:1px solid #e4e6d6}.photo-package .photo-package__paper-brand{font-size:10px;line-height:1.1;font-weight:600;letter-spacing:.02em;color:#58745a;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #cbd4bf;padding-bottom:5%}.photo-package .photo-package__paper-brand>span:last-child{color:#9c835e;font-size:10px}.photo-package .photo-package__proposal>strong{font:400 clamp(17px,5.5cqi,29px)/.95 Newsreader,Georgia,serif;letter-spacing:-.04em;margin:5% 0 3%}.photo-package .photo-package__proposal>p{font-size:10px;line-height:1.1;color:#78816a;margin-bottom:3%}.photo-package .photo-package__proposal-row{display:grid;grid-template-columns:14px 1fr;gap:2px 5px;padding:3% 0;border-top:1px solid #d3dac8}.photo-package .photo-package__proposal-row>span{font-size:10px;color:#a67449;grid-row:1/3}.photo-package .photo-package__proposal-row>b{font-size:10px;line-height:1.15;font-weight:600}.photo-package .photo-package__proposal-row>i{height:2px;background:#b5c3a9;max-width:85%;border-radius:2px}.photo-package .photo-package__paper-note{font-size:10px;line-height:1.1;color:#6f815f;margin-top:auto;padding-top:3%}
/* App-like working surfaces use plain labels and meaningful sample structure. */
.photo-package .photo-package__pipeline{top:33%;left:5%;right:9%;bottom:7%}.photo-package .photo-package__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;height:55%;margin:0 4% 4%}.photo-package .photo-package__columns>div{background:#e8ede3;border:1px solid #dce3d3;border-radius:3px;padding:6% 5%;min-width:0}.photo-package .photo-package__columns>div>span{font-size:clamp(10px,3cqi,14px);font-weight:600;display:block;margin-bottom:7%}.photo-package .photo-package__columns article{background:#fffdf7;padding:10% 8%;border:1px solid #e0e5d8;border-radius:3px;box-shadow:0 2px 4px #49684410}.photo-package .photo-package__columns article>strong{font-size:10px;font-weight:550;line-height:1.15;display:block}.photo-package .photo-package__columns article>small{font-size:10px;color:#84917b;line-height:1.2;margin-top:5px;display:block}.photo-package .photo-package__columns article>i{height:3px;margin-top:6px;background:#b9c8af;border-radius:3px;max-width:68%}.photo-package .photo-package__sheet{top:32%;bottom:7%;left:5%;right:7%;transform:rotate(-2deg)}.photo-package .photo-package__sheet-toolbar{display:flex;gap:6%;align-items:center;padding:2% 4%;font-size:10px;line-height:1.1;border-bottom:1px solid #d5ddcb;color:#62775a}.photo-package .photo-package__sheet-toolbar>b{font-size:10px;font-weight:500;color:#8b967d;margin-left:auto;white-space:nowrap}.photo-package .photo-package__sheet table{border-collapse:collapse;width:100%;font-size:10px;line-height:1.2;color:#5d7054;table-layout:auto;margin:0}.photo-package .photo-package__sheet thead th{background:#e4ebdd;color:#395840;font-weight:600;text-align:left}.photo-package .photo-package__sheet :is(th,td){padding:2.3% 3%;border:1px solid #d9e1d0;font-size:10px;vertical-align:middle}.photo-package .photo-package__sheet tbody th{background:#edf0e7;color:#9aa68e;width:6%;padding:2.3% 2%;font-weight:400;text-align:center}.photo-package .photo-package__sheet tr:nth-child(2) td:nth-child(2){outline:1px solid #517e5f;outline-offset:-1px;background:#eef2e7}.photo-package .photo-package__sheet-tabs{font-size:10px;display:flex;gap:5%;padding:2% 4%;color:#88957c;border-top:1px solid #d9e1cf}.photo-package .photo-package__sheet-tabs>span:first-child{color:#285e4d;font-weight:600;border-bottom:2px solid #285e4d;padding-bottom:2px}.photo-package .photo-package__report{top:32%;bottom:7%;left:6%;right:9%;transform:rotate(-1deg)}.photo-package .photo-package__report-head{display:flex;align-items:baseline;gap:10px;justify-content:space-between;padding:4% 5% 2%}.photo-package .photo-package__report-head>span{font-size:10px;color:#889474;letter-spacing:.03em}.photo-package .photo-package__report-head>strong{font:400 clamp(16px,5cqi,26px)/1 Newsreader,Georgia,serif;letter-spacing:-.03em}.photo-package .photo-package__report-body{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;height:53%;padding:0 5% 4%}.photo-package .photo-package__report-summary>strong{font-size:10px;display:block;font-weight:600;margin-bottom:5%}.photo-package .photo-package__report-summary>p{font-size:10px;line-height:1.1;color:#7d8a6f;margin-top:4%}.photo-package .photo-package__report-summary>i{height:3px;background:#b8c7a8;margin-top:4%;border-radius:2px;width:70%}.photo-package .photo-package__report-summary>i:nth-of-type(2){width:90%}.photo-package .photo-package__chart{display:flex;flex-direction:column;min-width:0}.photo-package .photo-package__chart>span{font-size:10px;line-height:1.1;letter-spacing:.03em;color:#7a896c}.photo-package .photo-package__bars{display:flex;align-items:flex-end;gap:9%;flex:1;border-bottom:1px solid #c2cdb6;margin-top:6%;background:repeating-linear-gradient(to top,transparent 0,transparent 24%,#c4d0b92e 25%,transparent 26%)}.photo-package .photo-package__bars>i{height:55%;width:13%;background:#91aa88;border-radius:2px 2px 0 0}.photo-package .photo-package__bars>i:nth-child(2){height:75%;background:#416f56}.photo-package .photo-package__bars>i:nth-child(3){height:44%;background:#bdc8aa}.photo-package .photo-package__bars>i:nth-child(4){height:87%;background:#ac815e}.photo-package .photo-package__bars>i:nth-child(5){height:66%;background:#658767}.photo-package .photo-package__chart>small{font-size:10px;line-height:1.1;color:#829173;margin-top:4%}.photo-package .photo-package__workflow{top:33%;bottom:7%;left:6%;right:8%;background:#f5f3e9}.photo-package .photo-package__workflow .photo-package__workspace-head{display:block}.photo-package .photo-package__workflow .photo-package__workspace-head>span{display:block;margin-top:3px}.photo-package .photo-package__steps{display:grid;grid-template-columns:1fr 10px 1fr 10px 1fr;align-items:center;gap:2%;padding:1% 5% 5%}.photo-package .photo-package__steps>div{background:#fffdf7;border:1px solid #d8e0cf;box-shadow:0 2px 5px #4968440a;border-radius:3px;padding:8% 9%;min-width:0}.photo-package .photo-package__steps>span{color:#a77b53;font-size:15px;text-align:center}.photo-package .photo-package__steps b{color:#9b825d;font-size:10px;line-height:1.1;letter-spacing:.02em;font-weight:500;display:block;margin-bottom:5px}.photo-package .photo-package__steps strong{font-size:clamp(10px,3.3cqi,16px);display:block;font-weight:600;line-height:1.1}.photo-package .photo-package__steps small{font-size:10px;color:#869079;display:block;line-height:1.1;margin-top:5px}
@container (max-width:320px){.photo-package .photo-package__chrome{font-size:10px}.photo-package .photo-package__post>small{display:none}.photo-package .photo-package__ad-copy>p{display:none}.photo-package .photo-package__workspace-head>span{display:none}.photo-package .photo-package__pipeline .photo-package__workspace-head{padding:3% 4%}.photo-package .photo-package__pipeline .photo-package__workspace-head>strong{font-size:14px}.photo-package .photo-package__columns{height:57%;margin-left:3%;margin-right:3%;gap:2%}.photo-package .photo-package__columns article{padding:7%}.photo-package .photo-package__columns article>small{display:none}.photo-package .photo-package__sheet-toolbar>b{display:none}.photo-package .photo-package__sheet :is(th,td){padding:2%}.photo-package .photo-package__sheet-tabs{padding-top:1%;padding-bottom:1%}.photo-package .photo-package__proposal>p,.photo-package .photo-package__paper-brand>span:last-child{display:none}.photo-package .photo-package__proposal{top:27%;padding:4%}.photo-package .photo-package__proposal>strong{font-size:19px;margin-top:5%}.photo-package .photo-package__proposal-row{padding:3% 0}.photo-package .photo-package__paper-note{font-size:10px}.photo-package .photo-package__search-content{padding-top:2%}.photo-package .photo-package__search-query{padding-bottom:2%}.photo-package .photo-package__snippet{gap:3px;padding-top:2%}.photo-package .photo-package__snippet>p{line-height:1.15}.photo-package .photo-package__report-head>span{display:none}.photo-package .photo-package__report-head{padding:3% 4% 2%}.photo-package .photo-package__report-head>strong{font-size:17px}.photo-package .photo-package__report-body{height:51%;padding-bottom:2%;gap:7%}.photo-package .photo-package__report-summary>p{margin-top:3%}.photo-package .photo-package__report-summary>i{margin-top:3%;height:2px}.photo-package .photo-package__chart>small{font-size:10px}.photo-package .photo-package__workflow .photo-package__workspace-head{padding:4% 5%}.photo-package .photo-package__workflow .photo-package__workspace-head>strong{font-size:15px}.photo-package .photo-package__steps{gap:1%;grid-template-columns:1fr 8px 1fr 8px 1fr}.photo-package .photo-package__steps small{display:none}.photo-package .photo-package__steps b{font-size:10px;margin-bottom:4px}}
@container (max-width:260px){.photo-package .photo-package__chrome>span:nth-child(2){font-size:10px}.photo-package .photo-package__post>span{font-size:10px;letter-spacing:0}.photo-package .photo-package__social{left:5%;right:5%;gap:2%;top:30%}.photo-package .photo-package__post{padding:3px}.photo-package .photo-package__post>strong{font-size:11px}.photo-package .photo-package__ad-copy{padding:7%;gap:6%}.photo-package .photo-package__ad-copy>span:first-child{display:none}.photo-package .photo-package__ad-copy>strong{font-size:17px}.photo-package .photo-package__snippet>p{display:none}.photo-package .photo-package__proposal-row>i{display:none}.photo-package .photo-package__proposal>strong{font-size:17px}.photo-package .photo-package__proposal-row{padding:4% 0}.photo-package .photo-package__report-summary>strong{display:none}.photo-package .photo-package__report-body{height:49%}.photo-package .photo-package__sheet-tabs{display:none}.photo-package .photo-package__sheet :is(th,td){padding:2% 1.5%}.photo-package .photo-package__columns article>i{display:none}.photo-package .photo-package__workflow .photo-package__workspace-head>strong{font-size:14px}.photo-package .photo-package__steps{padding-top:3%}.photo-package .photo-package__steps>div{padding:9% 7%}}
@media(prefers-reduced-motion:reduce){.photo-package *{transition:none!important;animation:none!important}}