/* Live pixieset.com brand styles, verified 2026-10-26.
   Source: /_next/static/css/10e3ace2769b1361.css */
:root{--ink:#191918;--secondary:#5c5c5c;--emerald:#1abc9c;--hover:#008e74;--mint:#f6fbfa;--wash:#fafafa}
body{font-family:proxima-nova,Lato,'Lucida Sans Unicode','Lucida Grande',sans-serif}
header{max-width:1440px;height:88px;padding:0 60px;border-bottom:0;gap:56px}
.site-wordmark{font-family:'Times New Roman',Times,serif;font-size:24px;text-transform:uppercase;letter-spacing:8px;line-height:1;color:var(--ink);text-decoration:none;white-space:nowrap;font-weight:400}
.brand-nav{display:flex;align-items:center;gap:32px}.brand-nav a,.login-link{font-size:16px;font-weight:500;line-height:1.7;text-decoration:none}.brand-nav a:hover,.login-link:hover{opacity:.8}.header-actions{margin-left:auto;display:flex;align-items:center;gap:32px}
.primary{background:var(--emerald);color:#fff;padding:14px 40px;min-height:44px;font-size:16px;font-weight:500;line-height:1;letter-spacing:normal;border-radius:0;gap:12px;transition:background-color .3s}
.primary:hover{background:var(--hover);color:#fff}
.hero{background:#fff;padding:64px 24px 56px}.eyebrow{font-size:14px;font-weight:600;line-height:1.8;letter-spacing:.1em}.hero .eyebrow{font-size:14px;letter-spacing:.2em}.hero h1{font-size:52px;font-weight:600;line-height:1.2;letter-spacing:normal;margin:20px 0}.hero>p{font-size:18px;font-weight:400;line-height:1.5;letter-spacing:normal}
h1,h2,h3,h4{letter-spacing:normal;font-weight:600}.workspace{max-width:1160px;padding:24px 32px 64px}.workspace-top{margin-bottom:28px}.workspace-top h2{font-size:28px;line-height:1.2}.currency{font-size:14px}.currency select{border-radius:0}
.planner{grid-template-columns:1.15fr 1fr;gap:40px}.inputs{background:#fff;border:1px solid #dbdbdb;border-radius:0}#calculator-form{padding:32px}.field label{font-size:16px;font-weight:500;line-height:1.7}.field small{font-size:14px;line-height:1.8}.input-wrap input{border-radius:0;height:48px}.fields{gap:24px 20px}.muted{font-size:14px;line-height:1.8}.extras{font-size:16px}.text-button{font-size:14px;line-height:1.8;color:var(--secondary)}
.result{background:#f6fbfa;border:0;padding:36px}.result .eyebrow{font-size:14px}.result .profit{font-size:64px;font-weight:500;line-height:1;letter-spacing:normal;margin-top:28px}.result-sub{font-size:16px;line-height:1.7}#recommendation-copy{font-size:16px;line-height:1.7}.result dl{font-size:16px;line-height:1.7}.result .small{font-size:12px;line-height:1.8}.method{font-size:14px;line-height:1.8}.method summary{font-size:16px}
.closing{background:#fafafa;padding:64px 24px}.closing h2{font-size:40px;line-height:1.2;margin:0 0 20px}.closing p{font-size:18px;line-height:1.5;margin-bottom:32px}footer{max-width:1440px;padding:44px 60px;font-size:14px;line-height:1.8;gap:40px}footer .site-wordmark{font-size:24px}dialog{padding:40px}dialog h2{font-size:32px;line-height:1.2}dialog>p{font-size:16px;line-height:1.7}dialog label:not(.check){font-size:14px}.check{font-size:14px;line-height:1.8}
@media(max-width:1023px){header{padding:0 32px;gap:30px}.brand-nav{gap:20px}.header-actions{gap:22px}.hero h1{font-size:40px}.hero{padding:48px 24px}.planner{gap:24px}.result{padding:28px}#calculator-form{padding:26px}.closing h2{font-size:32px}}
@media(max-width:740px){header{height:72px;padding:0 20px;gap:16px}.site-wordmark{font-size:18px;letter-spacing:8px}.brand-nav,.login-link{display:none}.header-actions{gap:0}.header-actions .primary{font-size:14px;padding:13px 18px;min-height:40px}.hero{padding:40px 20px 32px}.hero .eyebrow{font-size:12px}.hero h1{font-size:40px;line-height:1.2}.hero>p{font-size:18px}.workspace{padding:20px 20px 40px}.workspace-top h2{font-size:24px}.planner{grid-template-columns:1fr;gap:24px}#calculator-form{padding:24px 20px}.fields{gap:20px 16px}.field label{font-size:14px}.field small{font-size:12px}.result{padding:28px}.result .profit{font-size:56px}.closing{padding:48px 20px}.closing h2{font-size:32px}footer{padding:32px 20px;gap:20px}footer .site-wordmark{font-size:18px}footer p{font-size:12px}dialog{padding:32px 24px}dialog h2{font-size:28px}}
@media(max-width:380px){header .site-wordmark{letter-spacing:6px}.header-actions .primary{padding:13px 12px}.hero h1{font-size:36px}.fields{grid-template-columns:1fr}}
.expense-details{margin-top:12px;font-size:14px}.expense-details summary{color:var(--hover);font-weight:500;cursor:pointer}.expense-details[open]{grid-column:1/-1}.field:has(.expense-details[open]){grid-column:1/-1}.expense-details .muted{margin:12px 0}.expense-items{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expense-items .field label{font-size:14px}.expense-details .small{margin-top:14px}.input-wrap input[readonly]{background:var(--wash);color:var(--secondary)}.booking-check{font-size:14px;line-height:1.7;padding:16px 0;border-top:1px solid #dcefea;margin:0 0 24px}@media(max-width:480px){.expense-items{grid-template-columns:1fr}}
.calculator-types{display:flex;justify-content:center;gap:8px;padding:0 20px 24px;flex-wrap:wrap}.calculator-types a{padding:10px 18px;text-decoration:none;font-size:14px;color:var(--secondary);border-bottom:2px solid transparent}.calculator-types a:hover{color:var(--hover)}.calculator-types a[aria-current=page]{border-color:var(--emerald);color:var(--ink);background:var(--mint)}body[data-shoot] #basic-fields>.field:last-child{grid-column:auto}

/* Rounded calculator selector, matching the supplied reference. */
.calculator-types{gap:12px;padding:0 20px 28px;align-items:center}
.calculator-types a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 32px;border:0;border-radius:999px;background:#fafafa;color:#5c5c5c;font-size:18px;font-weight:500;line-height:1.3;text-decoration:none}
.calculator-types a:hover{background:#f1f9f7;color:#191918}
.calculator-types a[aria-current=page]{background:#1abc9c;color:#fff;border:0}
.calculator-types a[aria-current=page]:hover{background:#008e74;color:#fff}
@media(max-width:740px){.calculator-types{gap:8px;padding:0 16px 24px}.calculator-types a{font-size:16px;min-height:44px;padding:11px 20px}}
/* Client Gallery reference scale: 40/32px headings, 18px intro,
   16px body and pills, 14px eyebrows, 8px/24px pill padding. */
header{height:72px;max-width:none;padding:0 28px;border-bottom:1px solid #f0f0f0;position:relative}
.brand-nav{position:absolute;left:50%;transform:translateX(-50%);gap:32px}
.hero{padding:80px 24px 0}
.hero .eyebrow{font-size:14px;line-height:1.8;letter-spacing:.1em;color:#008e74}
.hero h1{font-size:40px;line-height:1.2;font-weight:600;margin:24px auto;max-width:760px;letter-spacing:normal}
.hero>p{font-size:18px;line-height:1.5;max-width:700px;margin:0 auto}
.calculator-types{gap:8px;padding:56px 20px 48px}
.calculator-types a{font-size:16px;font-weight:400;line-height:1.7;padding:8px 24px;min-height:0;white-space:nowrap}
.workspace{max-width:1120px;padding:0 32px 64px}
.workspace-top{margin-bottom:24px}.workspace-top h2{font-size:24px;line-height:1.2}
.planner{gap:32px}#calculator-form{padding:28px}.result{padding:32px}
.field label{font-size:14px;line-height:1.8}.field small{font-size:12px;line-height:1.8}
.fields{gap:24px 20px}.input-wrap input{height:44px;font-size:16px;padding-top:10px;padding-bottom:10px}
.result .profit{font-size:48px;line-height:1;margin-top:24px}.result .eyebrow{font-size:14px;line-height:1.8}
.result-sub,#recommendation-copy,.result dl{font-size:16px;line-height:1.7}
.result dl{margin:24px 0}.primary{font-size:16px;line-height:1;padding:14px 40px;min-height:44px}
.closing{padding:56px 24px}.closing h2{font-size:40px;line-height:1.2}.closing p{font-size:18px;line-height:1.5}
@media(max-width:1023px){.hero h1,.closing h2{font-size:32px}.hero{padding-top:56px}.brand-nav{position:static;transform:none;margin-left:auto;gap:20px}.header-actions{margin-left:0;gap:20px}.planner{gap:24px}#calculator-form,.result{padding:24px}}
@media(max-width:740px){header{height:72px;padding:0 20px}.header-actions{margin-left:auto}.hero{padding:48px 20px 0}.hero h1{font-size:32px;margin:20px auto}.hero .eyebrow{font-size:14px}.hero>p{font-size:18px}.calculator-types{padding:40px 16px 32px;gap:8px}.calculator-types a{font-size:16px;padding:8px 24px;min-height:0}.workspace{padding:0 20px 48px}.workspace-top h2{font-size:22px}.result .profit{font-size:40px}#calculator-form,.result{padding:24px 20px}.closing{padding:48px 20px}.closing h2{font-size:32px}}
/* A compact selector accommodates the complete shoot list. */
.shoot-picker{display:flex;align-items:center;justify-content:center;gap:16px;padding:40px 20px 40px}.shoot-picker label{font-size:14px;font-weight:500;color:var(--secondary)}.shoot-picker select{font:400 16px/1.7 proxima-nova,Arial,sans-serif;color:var(--ink);background:#fafafa;border:1px solid #dbdbdb;border-radius:24px;min-width:240px;min-height:44px;padding:8px 24px;cursor:pointer}@media(max-width:480px){.shoot-picker{gap:12px;padding:32px 20px}.shoot-picker select{min-width:0;flex:1;max-width:240px}}

/* All shoot types remain visible as wrapping pills. */
.calculator-types{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:40px 24px}.calculator-types a{flex:0 0 auto}@media(max-width:740px){.calculator-types{padding:32px 16px;gap:8px}.calculator-types a{padding:8px 20px}}

/* Compact controls keep the calculator itself in focus. */
.hero{padding-bottom:48px}.workspace-top{align-items:center;gap:24px}.calculator-controls{display:flex;gap:16px;align-items:center}.type-control,.calculator-controls .currency{display:flex;align-items:center;gap:10px}.type-control label,.calculator-controls .currency label{font-size:14px;color:var(--secondary);white-space:nowrap;margin:0}.type-control select,.calculator-controls .currency select{font:400 16px/1.7 proxima-nova,Arial,sans-serif;background:#fff;color:var(--ink);border:1px solid #dbdbdb;border-radius:2px;min-height:44px;padding:8px 28px 8px 12px}.type-control select{min-width:165px}@media(max-width:900px){.workspace-top{align-items:flex-start;flex-direction:column;gap:16px}.calculator-controls{width:100%}.workspace-top h2{margin:0}.type-control{flex:1}.type-control select{flex:1;max-width:240px}}@media(max-width:480px){.hero{padding-bottom:32px}.calculator-controls{gap:16px}.type-control,.calculator-controls .currency{align-items:stretch;flex-direction:column;gap:6px}.type-control select{min-width:0;max-width:none}.type-control label,.calculator-controls .currency label{font-size:12px}}