:root{--brass:var(--gold);--paper-2:var(--paper2);--ink-soft:var(--muted)}
.hero-in{display:block;min-height:0;padding-top:54px;padding-bottom:44px}.hero-copy{max-width:1050px}.hero h1{font-size:clamp(38px,4.4vw,62px);max-width:1050px}.hero h1 em{display:inline}.hero-copy>p{max-width:920px;font-size:16px}.hero-collage{display:none}.hero-actions{margin-top:22px}.trust{margin-top:22px}
.wc-workbench{padding-top:36px;padding-bottom:36px}#portrait-workbench .wb-shell{display:grid;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;min-height:610px}#portrait-workbench .wb-stage{border-radius:0;min-height:610px}#portrait-workbench .wb-panel{gap:16px}#portrait-workbench .hp-template-label{margin-bottom:-6px}#portrait-workbench .wb-upload{margin-top:8px}#portrait-workbench .wb-upload-title{color:var(--green)}#portrait-workbench .wb-file{color:var(--green);background:var(--paper)}#portrait-workbench .wb-file small,#portrait-workbench .wb-upload-meta{color:var(--muted)}#portrait-workbench .wb-sample,#portrait-workbench .wb-link{color:var(--green)}#portrait-workbench .wb-frame{margin:0 auto;padding:13px;background:#fff;position:relative;width:min(360px,100%);height:440px;grid-template-rows:minmax(0,1fr) 38px;box-shadow:0 26px 52px -25px #000b}#portrait-workbench .wb-frame img{width:100%;height:100%;min-height:0;object-fit:contain;background:#f7f2e9;display:block}#portrait-workbench .wb-canvas{min-height:476px;padding:18px;display:grid;place-items:center;margin-top:18px}#portrait-workbench .wb-frame figcaption{position:static;height:38px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);font:italic 13px/1.2 var(--serif);white-space:normal;text-align:center}#portrait-workbench .wb-chip{top:15px;left:15px}#portrait-workbench .wb-stagebar h3{font-size:26px}.wc-examples{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#d2dfda;margin:10px 0}.wc-examples button{border:1px solid #ffffff66;padding:3px;border-radius:7px;background:transparent;cursor:pointer}.wc-examples button[aria-pressed=true]{border-color:var(--gold2);background:#ffffff22}.wc-examples img{width:38px;height:46px;object-fit:contain;display:block}.hp-template-dialog .wb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.wc-gallery-item{min-width:0}.wc-gallery-item>.wb-style{width:100%;height:calc(100% - 40px)}.wc-use{display:block;margin-top:14px;color:var(--green);font-size:13px;font-weight:600}.wc-zoom{border:0;background:none;padding:8px;color:var(--muted);text-decoration:underline;cursor:pointer}.card-arrow{display:none}.wc-lightbox{border:0;border-radius:18px;background:var(--paper);padding:22px;max-width:calc(100vw - 24px);text-align:center}.wc-lightbox::backdrop{background:#11271fcc}.wc-lightbox>.wb-close{position:absolute;right:12px;top:12px}.wc-lightbox>img{display:block;max-height:66dvh;max-width:100%;width:480px;object-fit:contain}.wc-lightbox p{margin:12px}.hero-actions{flex-wrap:wrap}
@media(max-width:800px){.hero-in{padding:35px 0}.hero h1{font-size:40px}#portrait-workbench .wb-stage{min-height:570px}.hp-template-dialog .wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-workbench{padding-top:22px}.wc-examples{flex-wrap:wrap}}



#portrait-workbench .wb-frame figcaption b{font-style:normal;font-weight:600}
#portrait-workbench .wb-views{flex-shrink:0}
#portrait-workbench .wb-frame .wb-watermark{inset:13px 13px 51px}
#portrait-workbench .hp-template-button img{width:64px;height:80px;object-fit:contain;background:var(--paper2)}
@media(max-width:520px){#portrait-workbench .wb-frame{height:360px}#portrait-workbench .wb-canvas{min-height:396px;padding:12px}#portrait-workbench .wb-frame figcaption{font-size:11px}}
/* Let the framed artwork follow its intrinsic ratio instead of letterboxing it. */
#portrait-workbench .wb-frame{height:auto;max-height:none;grid-template-rows:auto auto}
#portrait-workbench .wb-frame img{height:auto;max-height:none;aspect-ratio:auto;background:transparent}
#portrait-workbench .wb-frame figcaption{min-height:38px;height:auto;padding:10px 0 2px}

/* Retire the old collage's minimum height on the three inline-studio pages. */
.oil-page .hero-in,.pencil-page .hero-in,.cartoon-page .hero-in{min-height:0;height:auto;padding-top:54px;padding-bottom:44px}
@media(max-width:800px){.oil-page .hero-in,.pencil-page .hero-in,.cartoon-page .hero-in{padding-top:35px;padding-bottom:35px}}