/* ProfileIn: black studio surfaces, white type and blue portrait accents. */
:root {
  color-scheme: dark;
  --canvas: #000000;
  --surface: #0b0b0b;
  --surface-raised: #151515;
  --surface-soft: #060606;
  --petrol: #edf5ff;
  --cobalt: #7aafff;
  --frost: #0b0b0b;
  --white: #000000;
  --ink: #edf5ff;
  --slate: #afbdd0;
  --line: #2c2c2c;
}
body { background: var(--canvas); }
.concept-bar { background: #0b0b0b; color: #d7e6fc; border-bottom: 1px solid #2c2c2c; }
.wordmark { gap: 0; white-space: nowrap; font-weight: 600; font-size: 31px; line-height: 1.15; }
.brand-symbol { display: block; width: 40px; height: 40px; flex: 0 0 40px; }
.brand-name { display: inline-flex; align-items: baseline; color: var(--ink); letter-spacing: -.045em; }
.brand-point { display: inline-block; width: 6px; height: 8px; margin-left: 5px; background: var(--cobalt); border-radius: 1px; flex: 0 0 6px; }
.wordmark:focus-visible { outline: 2px solid var(--cobalt); outline-offset: 7px; border-radius: 3px; }
.site-footer .brand-symbol { width: 32px; height: 32px; flex-basis: 32px; }
.button { color: #091322; border-color: var(--cobalt); }
.button:hover { background: #a2c7ff; border-color: #a2c7ff; }
.button-outline { color: var(--ink); border-color: #4c607a; background: transparent; }
.button-outline:hover { color: var(--ink); background: #191919; border-color: #7798c5; }
.text-link { border-color: #516782; }
.hero h1 { font-size: clamp(64px, 6.2vw, 90px); }
.hero-description { max-width: 450px; }
.portrait-mat { background: #151515; border: 1px solid #333333; }
.floating-note { background: var(--surface-raised); border-color: #3b3b3b; box-shadow: 0 14px 35px #0005; }
.purpose-strip { border-color: var(--line); background: var(--surface-soft); }
.detail-card { border-color: #333333; }
.quality-note { border: 1px solid var(--line); }
.look-section { background: #060606; border-block: 1px solid #252525; }
.look-option:hover { border-color: #557395; }
.look-option.active { background: #171717; border-color: #5d84b6; box-shadow: none; }
.look-figure { background: #111111; border: 1px solid #333333; box-shadow: 0 15px 45px #0004; }
.look-image { background: #191919; }
.pricing-section { background: #060606; border-block: 1px solid #2c2c2c; }
.pricing-section .eyebrow { color: #bad3f2; }
.pricing-intro { color: #c1cfe1; }
.offer-note { color: #afbdd0; }
.price-card { background: #111111; color: var(--ink); border: 1px solid #3b3b3b; box-shadow: 0 15px 35px #0002; }
.studio-body { background: #000000; }
.status-error { color: #ffb4a8; }
.studio-header, .studio-sidebar { background: var(--canvas); }
.studio-steps li { color: #a3b4cd; }
.studio-steps li.current { background: #191919; color: var(--ink); }
.studio-steps li.current > span { background: var(--cobalt); border-color: var(--cobalt); color: #091322; }
.studio-steps li.complete { color: #d9e8ff; }
.dropzone { background: var(--surface); border-color: #6d87a7; }
.dropzone.dragging { background: #242424; border-color: #a2c7ff; }
.photo-tile { background: #191919; }
.remove-photo { background: #111111ed; color: white; border: 1px solid #647c9b; }
.studio-bottom .button[disabled] { background: #333333; border-color: #333333; color: #aab9ce; }
.privacy-callout { background: #151515; color: #bbcee7; border: 1px solid #333333; }
.style-card { background: var(--surface); color: var(--ink); }
.style-card.selected { background: #191919; }
.selected-mark { color: #091322; }
.preferences-card { background: var(--surface); }
.session-summary { background: #151515; border: 1px solid #333333; }
.progress-view { background: var(--surface); }
.progress-view .progress-motif { border-color: #b8d6ff; }
.progress-track { background: #333333; }
.demo-pill { background: #191919; color: #bcd7ff; }
.gallery-notice { background: #151515; color: #d2e5ff; border: 1px solid #444444; }
.gallery-card { background: var(--surface-raised); border: 1px solid #333333; }
.favorite { background: #151515; border-color: #536a88; }
.favorite[aria-pressed=true] { background: #242424; color: #d7e8ff; border-color: #91baf1; }
dialog { background: var(--surface-raised); box-shadow: 0 20px 70px #0008; }
dialog::backdrop { background: #000000b8; }
dialog textarea { background: #0b0b0b; color: var(--ink); }
.intent-section { background: var(--canvas); }
.intent-section .section-heading > p:last-child { max-width: 690px; }
.intent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 35px; }
.intent-card { padding: 27px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
.intent-card h3 { font-size: 21px; letter-spacing: -.035em; font-weight: 600; }
.intent-card p { color: var(--slate); margin-top: 14px; font-size: 16px; }
.intent-card .card-caption { color: #bfd8fa; margin-top: 0; margin-bottom: 16px; }
.intent-footnote { font-size: 14px; color: var(--slate); margin-top: 24px; max-width: 720px; }
.offer-flow { display:flex;align-items:center;gap:22px;margin-top:35px;padding:24px 0;border-block:1px solid #333333;max-width:490px; }
.offer-flow span { display:grid;gap:5px;font-size:12px;color:#c1cfe1; }
.offer-flow strong { font-family:var(--display);font-size:38px;font-weight:600;line-height:1;color:var(--ink); }
.offer-flow i { font-size:23px;font-style:normal;color:var(--cobalt); }
.price-detail-link { display:block;font-size:12px;text-align:center;margin-top:17px;color:#a4c9ff; }
.look-swatch.outdoor { background:#899d8a; }

.studio-availability { max-width:var(--max);margin:24px auto;padding:0 32px;font-size:12px;color:var(--slate); }
.studio-availability summary { cursor:pointer;width:fit-content; }
.studio-availability p { max-width:650px;margin-top:10px; }
@media (max-width: 1100px) { .hero h1 { font-size: 73px; } }
@media (max-width: 800px) { .hero h1 { font-size: 56px; } }
@media (max-width: 580px) {
  .hero h1 { font-size: clamp(46px, 13.5vw, 68px); }
  .brand-symbol { width: 31px; height: 31px; flex-basis: 31px; }
  .wordmark { gap: 7px; }
  .intent-grid { grid-template-columns: 1fr; gap: 15px; }
  .intent-card { padding: 23px; }
  .hero-description { font-size: 17px; }
  .hero-figure .floating-note { display: none; }
  .offer-flow { gap:16px; }
  .offer-flow span { font-size:10px; }
  .offer-flow strong { font-size:32px; }
  .studio-availability { padding-inline:20px; }
}

/* One portrait standard, with transparent prices for individuals and groups. */
.pricing-heading{max-width:760px;margin-bottom:48px}.pricing-heading h2{margin:20px 0}.pricing-heading .pricing-intro{max-width:680px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.plan-card{display:flex;flex-direction:column;min-width:0;padding:30px}.plan-card .price-top{display:block;color:var(--cobalt);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.plan-card .plan-description{font-size:16px;line-height:1.6;color:var(--slate);margin:18px 0 24px;min-height:52px}.plan-card .price{margin:0 0 7px}.plan-card .price strong{font-size:64px;letter-spacing:-.06em}.plan-card .plan-condition{font-size:13px;color:var(--slate);margin:0;min-height:24px}.plan-card ul{flex:1;margin:25px 0 30px;padding-top:24px}.plan-card li{font-size:14px;line-height:1.65;padding-left:24px}.plan-card .button{font-size:14px;padding:16px 14px;margin-top:auto;min-height:52px}.plan-card .plan-note{font-size:12px;text-align:left;line-height:1.7;color:var(--slate);margin:18px 0 0;min-height:42px}.plan-card:first-child{border-color:#6e9adc;background:#151515}.plan-shared-note{font-size:14px;line-height:1.7;color:var(--slate);text-align:center;margin:28px 0 0}.plan-shared-note a{color:var(--cobalt);text-underline-offset:4px}.page-plan-section{margin-bottom:72px}.look-options .look-swatch{flex-shrink:0}.tone-grey{background:#88929b!important}.tone-white{background:#e9e8e3!important}.tone-beige{background:#b5a38e!important}.tone-office{background:linear-gradient(135deg,#c1c8cd,#596975)!important}.tone-green{background:linear-gradient(135deg,#8b9b78,#3d554e)!important}.tone-dark{background:#273142!important}.look-option{min-height:70px}.look-option small{line-height:1.5}.legacy-handoff{max-width:900px;padding-block:90px}.legacy-handoff h1{font-size:clamp(42px,5vw,74px)}
@media(max-width:1100px){.plan-grid{gap:14px}.plan-card{padding:24px}.plan-card .price strong{font-size:56px}.plan-card li{font-size:13px}.plan-card .button{font-size:12px}}
@media(max-width:800px){.plan-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.plan-card{padding:28px}.plan-card .plan-description,.plan-card .plan-note,.plan-card .plan-condition{min-height:0}.plan-card .price strong{font-size:64px}.plan-card ul{margin-bottom:24px}.pricing-heading{margin-bottom:32px}.plan-shared-note{text-align:left}.page-plan-section{margin-bottom:44px}}

/* Price depends on a visible headcount, with an exact entry beside the range. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.volume-control{margin:24px 0 0;padding:20px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.volume-heading label{font-size:13px;color:var(--slate)}.volume-number{font:600 16px 'DM Sans',sans-serif;width:90px;max-width:45%;padding:9px 10px;background:var(--canvas);border:1px solid #516782;border-radius:7px;color:var(--ink);text-align:center}.volume-number:invalid{border-color:#de9b9b}.volume-slider{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;margin:0;cursor:pointer;border:0;background:transparent;accent-color:var(--cobalt);touch-action:pan-y}.volume-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--cobalt) 0,var(--cobalt) var(--volume-fill,0%),#444444 var(--volume-fill,0%),#444444 100%)}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;background:var(--cobalt);border:3px solid #d2e4ff;border-radius:50%;margin-top:-8px;box-shadow:0 2px 7px #0005}.volume-slider::-moz-range-track{height:5px;background:#444444;border-radius:3px}.volume-slider::-moz-range-progress{height:5px;background:var(--cobalt);border-radius:3px}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--cobalt);border:3px solid #d2e4ff;border-radius:50%}.volume-slider:focus-visible,.volume-number:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px}.volume-bounds{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--slate);margin:6px 0 18px}.volume-total{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--slate);font-size:12px}.volume-total output{color:var(--ink);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.plan-card .price strong{font-variant-numeric:tabular-nums}.plan-card .volume-control+ul{border-top:0;padding-top:0}
@media(max-width:1100px){.volume-total{flex-wrap:wrap}.volume-total output{font-size:18px}}

.look-image img{filter:none;transition:opacity .15s ease}.look-image.is-loading img{opacity:.7}.look-status:empty{display:none}.look-status{display:block;font-size:12px;color:#e5b0b8;margin-top:10px}

/* Show the actual reference and the reviewed AI example with clear provenance. */
.reference-proof{margin:36px 0 28px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.reference-proof-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:20px}.reference-proof-heading h3{font-size:22px;letter-spacing:-.035em;font-weight:600}.reference-proof-heading p{font-size:12px;color:var(--slate);max-width:370px}.reference-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin-inline:auto}.reference-proof-grid figure{margin:0;min-width:0}.reference-proof-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.reference-proof-grid figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:12px;font-size:13px;color:var(--ink)}.reference-proof-grid figcaption span{font-size:11px;color:var(--slate)}.reference-proof-note{font-size:12px;color:var(--slate);margin:20px auto 0;max-width:780px}.home-team-link{margin-top:24px;font-size:14px;color:var(--slate)}.home-team-link a{color:var(--cobalt);text-underline-offset:4px}.footer-note a{color:var(--cobalt);margin-left:10px;text-decoration:underline;text-underline-offset:3px}.team-plan-section .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;margin-inline:auto}.team-plan-section .plan-card:first-child{border-color:#6e9adc}
@media(max-width:800px){.reference-proof{padding:20px}.reference-proof-heading{display:block}.reference-proof-heading p{margin-top:10px}.reference-proof-grid{gap:14px}.reference-proof-grid figcaption{display:block}.reference-proof-grid figcaption span{display:block;margin-top:4px}.team-plan-section .plan-grid{grid-template-columns:1fr;max-width:560px}}
@media(max-width:580px){.reference-proof{padding:16px;margin-top:28px}.reference-proof-heading h3{font-size:20px}.reference-proof-grid{gap:10px}.reference-proof-grid figcaption{font-size:12px}.reference-proof-grid figcaption span{font-size:10px}.reference-proof-note{font-size:11px}.footer-note a{display:inline-block;margin-left:0;margin-top:7px}}

/* Keep inline pricing links identifiable without relying on color. */
.plan-shared-note a{text-decoration:underline;text-underline-offset:3px}