:root{scroll-padding-top:24px}body{background:#fff8ec}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #1154b6;outline-offset:5px}[hidden]{display:none!important}.logo img{width:240px;height:auto}.gallery-heading{max-width:1440px;margin:auto;padding:46px 5% 36px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.gallery-heading .eyebrow{color:#1154b6;font-size:14px;margin:0 0 14px}.gallery-heading h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(44px,5vw,72px);letter-spacing:-.055em;line-height:1.04;margin:0}.gallery-heading h1 span{color:#e46027}.heading-copy>p{font-size:19px;max-width:470px;margin:0 0 24px}.flow{padding:0;margin:0;list-style:none;display:flex;gap:15px;font-size:14px;font-weight:800}.flow li{display:flex;align-items:center;gap:8px}.flow b{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#ffce35}.gallery-section{max-width:1440px;margin:auto;padding:0 5% 52px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:2px solid #112c4d;padding-top:25px}.gallery-toolbar h2{font-size:27px;margin:0}.gallery-toolbar>span{font-size:14px;font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px}.filters button{border:1px solid #bcc1c5;color:#112c4d;padding:9px 17px;background:transparent;border-radius:30px;font-size:14px;font-weight:800}.filters button.active{background:#112c4d;border-color:#112c4d;color:#fff8ec}.example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.example-card{background:#fff;border:1px solid #e5e0d8;border-radius:8px;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}.example-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #112c4d12}.example-card.selected{outline:3px solid #1154b6;outline-offset:3px}.artwork{aspect-ratio:1;background-image:url('/generator/voorbeelden.png');background-size:400% 300%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat}.example-info{padding:17px}.example-info h3{font-size:22px;letter-spacing:-.035em;margin:0 0 11px}.example-info dl{margin:0 0 14px;font-size:14px;line-height:1.65}.example-info dl div{display:flex;gap:5px;flex-wrap:wrap}.example-info dt{font-weight:800}.example-info dd{margin:0}.choose-example{border:0;background:#ffce35;width:100%;padding:11px 8px;border-radius:5px;font-size:14px;font-weight:800;color:#112c4d}.example-card.selected .choose-example{background:#1154b6;color:white}.gallery-note{font-size:14px;max-width:750px;color:#526071;margin:27px 0 0}.studio{padding:46px max(5%,calc((100% - 1296px)/2));background:#112c4d;color:#fff8ec}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.studio h2{font-size:42px;margin:10px 0}.studio .eyebrow{font-size:14px;margin:0}.text-button{background:none;border:0;padding:4px 0;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:15px;font-weight:700}.studio-layout{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:50px;align-items:start}.chosen-preview{background:#fff8ec;color:#112c4d;border-radius:8px;overflow:hidden}.chosen-details{padding:20px}.chosen-details h3{font-size:27px;margin:8px 0}.chosen-details p{font-size:15px;margin:0}.small-label{font-size:12px;font-weight:800;letter-spacing:.08em}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}form>label,.input-grid>label{display:flex;flex-direction:column;gap:7px;font-size:16px;font-weight:800;margin-bottom:22px}label span{font-weight:400}input:not([type=checkbox]),select,textarea{padding:12px;border:1px solid #bec6cd;border-radius:5px;width:100%;max-width:100%;background:#fff;color:#112c4d;font-size:16px}textarea{resize:vertical;min-height:100px}.photo-upload{border:1px dashed #b1bed0;border-radius:7px;padding:20px;margin-bottom:21px;background:#ffffff08}.photo-upload label{display:block;margin-bottom:12px}.photo-upload label>b{display:block}.photo-upload label>span{font-size:14px}.photo-upload input{font-size:14px}.file-note{font-size:13px;color:#d7e0eb;margin:8px 0 0}#photo-preview-wrap{display:flex;align-items:center;gap:20px;margin-top:15px}#photo-preview{max-width:135px;max-height:150px;border-radius:5px;object-fit:contain}form .permission{flex-direction:row;align-items:flex-start;font-size:14px;gap:12px;line-height:1.5}.permission input{width:20px;height:20px;flex-shrink:0;accent-color:#ffce35}.selection-summary{border-left:4px solid #ffce35;padding:12px 18px;background:#ffffff0a;margin:24px 0}.selection-summary p{font-size:18px;margin:4px 0}.selection-summary small{font-size:14px;color:#d7e0eb}.generate-button{border:0;width:100%;justify-content:center;font-size:18px}#generation-status{font-size:16px;line-height:1.5;min-height:24px}#generation-status.error{background:#fff0e8;color:#812d13;border-radius:5px;padding:14px}#result-area{border-top:1px solid #6f8096;margin-top:25px;padding-top:15px}#result-area h3{font-size:30px}#result-image{width:100%;height:auto;border-radius:6px}#result-area .text-button{display:inline-block;margin:18px}#result-caption{font-size:15px}@media(max-width:1100px){.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{flex-direction:column;gap:8px}.gallery-heading{gap:35px}.studio-layout{gap:30px}.logo img{width:200px}}@media(max-width:760px){header{padding:13px 5%}header nav{gap:0}header nav .button{padding:10px 13px;font-size:13px}.logo img{width:155px}.gallery-heading{grid-template-columns:1fr;padding-top:28px;gap:18px}.heading-copy>p{font-size:16px;margin:0 0 18px}.flow{flex-direction:row;flex-wrap:wrap;gap:8px 15px;font-size:13px}.flow b{width:24px;height:24px}.gallery-toolbar h2{font-size:23px}.gallery-toolbar>span{font-size:13px}.filters{gap:7px}.filters button{padding:8px 12px;font-size:13px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.example-info{padding:13px 10px}.example-info h3{font-size:20px}.example-info dl{font-size:14px;line-height:1.5}.example-info dl div{display:block;margin-bottom:5px}.example-info dt,.example-info dd{display:inline}.example-info dt:after{content:' '}.choose-example{font-size:13px}.studio-layout{grid-template-columns:1fr}.studio-top{display:block}.studio h2{font-size:34px}.chosen-preview{display:grid;grid-template-columns:130px 1fr}.chosen-details{padding:13px}.chosen-details h3{font-size:23px}.chosen-details p{font-size:14px}.input-grid{grid-template-columns:1fr;gap:0}.studio{padding:30px 5%}.gallery-section{padding-bottom:35px}.gallery-note{font-size:13px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.example-card{transition:none}.example-card:hover{transform:none}}

.audience-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 25px}.audience-switch a{text-align:left;border:2px solid #112c4d;background:transparent;color:#112c4d;padding:17px 22px;border-radius:7px;font-size:25px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800}.audience-switch span{display:block;font:600 14px/1.5 "Nunito Sans",sans-serif;margin-top:3px}.audience-switch a.active{background:#112c4d;color:#fff8ec;box-shadow:inset 5px 0 #ffce35}@media(max-width:760px){.audience-switch{gap:10px}.audience-switch a{padding:14px;font-size:22px}.audience-switch span{font-size:13px}}

.audience-switch a{display:block;text-decoration:none;line-height:1.2}.audience-switch{display:grid;gap:14px}.audience-switch a:focus-visible{outline:3px solid #1154b6;outline-offset:4px}.studio-work{min-width:0}#choice-step,#photo-step{border:0;padding:0;margin:0;min-width:0}#choice-step>legend,#photo-step>legend{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:25px;margin-bottom:20px}#choice-step>label,#photo-step>label{display:flex;flex-direction:column;gap:7px;font-size:16px;font-weight:800;margin-bottom:22px}#photo-step>.permission{flex-direction:row;font-size:14px}.photo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.photo-actions label.button{display:flex;align-items:center;justify-content:center;font-size:16px;color:#112c4d;margin:0;cursor:pointer;position:relative}.photo-actions .secondary{background:#fff8ec}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);padding:0!important;border:0!important}.photo-actions label:focus-within{outline:3px solid #ffce35;outline-offset:4px}#photo-choice-caption{padding:12px;background:#ffffff12;border-left:3px solid #ffce35}.order-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.order-products article{background:#fff8ec;color:#112c4d;border-radius:6px;overflow:hidden;padding-bottom:15px}.order-products img{width:100%;aspect-ratio:3/2;object-fit:cover}.order-products h4,.order-products p{margin:13px 15px;font-size:17px}.order-products .button{margin:0 12px;padding:11px 12px;font-size:14px}.product-intro{font-size:19px;font-weight:700}.empty-examples{grid-column:1/-1}body[data-audience=choose] .gallery-heading{padding-bottom:40px}body[data-audience=choose] .audience-switch a{padding:30px;font-size:32px}body[data-audience=choose] .audience-switch span{font-size:16px}@media(max-width:500px){.order-products{gap:10px}.order-products h4,.order-products p{margin:12px 10px;font-size:16px}.order-products .button{font-size:13px;padding:10px;margin:0 8px}.photo-actions{flex-direction:column}body[data-audience=choose] .audience-switch{grid-template-columns:1fr}body[data-audience=choose] .audience-switch a{padding:24px}}
